/* Exact mobile home reconstruction from the approved 727x1536 reference. */
@media (max-width: 760px), (orientation: portrait) {
  .iu--home[data-home-visual][data-home-style="light-glass-v1"] {
    --reference-unit: calc(100vw / 727);
    gap: 0;
    padding: 0;
    background:
      radial-gradient(ellipse at 94% 0%, #14608b 0%, transparent 42%),
      linear-gradient(160deg, #073b5d 0%, #032943 56%, #02233b 100%);
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] .iu-mobile-home-dashboard {
    height: calc(190 * var(--reference-unit));
    min-height: calc(190 * var(--reference-unit));
    isolation: isolate;
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] .iu-mobile-home-dashboard::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0 0 auto auto;
    width: calc(363 * var(--reference-unit));
    height: calc(190 * var(--reference-unit));
    background: url('/universe/light-glass/header-globe.webp') right top / 100% 100% no-repeat;
    pointer-events: none;
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] .iu-mobile-home-brand {
    position: relative;
    z-index: 1;
    min-height: calc(105 * var(--reference-unit));
    height: calc(105 * var(--reference-unit));
    padding: 0;
    border-bottom: 1px solid rgba(115, 198, 237, .28);
    background: transparent;
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] .iu-mobile-home-brand::before {
    content: "";
    position: absolute;
    left: calc(16 * var(--reference-unit));
    top: calc(9 * var(--reference-unit));
    width: calc(345 * var(--reference-unit));
    height: calc(82 * var(--reference-unit));
    background: url('/universe/light-glass/header-brand.webp') left top / 100% 100% no-repeat;
    pointer-events: none;
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] .iu-mobile-home-brand strong {
    display: none;
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] .iu-mobile-home-widgets {
    position: relative;
    z-index: 1;
    height: calc(85 * var(--reference-unit));
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] .iu-mobile-home-widget--time {
    min-height: calc(85 * var(--reference-unit));
    height: calc(85 * var(--reference-unit));
    gap: calc(17 * var(--reference-unit));
    padding: 0 0 0 calc(27 * var(--reference-unit));
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] .iu-mobile-home-widget--time .iu-avatar-visual {
    width: calc(43 * var(--reference-unit));
    height: calc(43 * var(--reference-unit));
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] .iu-mobile-home-widget--time > span:last-child {
    flex-direction: row-reverse;
    gap: calc(27 * var(--reference-unit));
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] .iu-mobile-home-widget--time strong {
    font-size: calc(34 * var(--reference-unit));
    font-weight: 500;
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] .iu-mobile-home-widget--time small {
    font-size: calc(25 * var(--reference-unit));
    font-weight: 400;
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] .iu-stage {
    width: 100%;
    height: calc(1187 * var(--reference-unit));
    min-height: calc(1187 * var(--reference-unit));
    padding: 0 calc(18 * var(--reference-unit));
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] .iu-orbit {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows:
      calc(311 * var(--reference-unit))
      calc(84 * var(--reference-unit))
      repeat(4, calc(124 * var(--reference-unit)))
      calc(154 * var(--reference-unit));
    column-gap: calc(16 * var(--reference-unit));
    row-gap: calc(15 * var(--reference-unit));
    height: 100%;
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] .iu-avatar--world {
    grid-template-columns: calc(118 * var(--reference-unit)) minmax(0, 1fr) calc(13 * var(--reference-unit));
    gap: calc(5 * var(--reference-unit));
    min-height: 0;
    padding: calc(5 * var(--reference-unit)) calc(18 * var(--reference-unit)) calc(5 * var(--reference-unit)) calc(4 * var(--reference-unit));
    border-radius: calc(13 * var(--reference-unit));
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] .iu-avatar--world > strong {
    font-size: calc(24 * var(--reference-unit));
    font-weight: 450;
    letter-spacing: -.02em;
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] .iu-avatar-visual {
    width: calc(112 * var(--reference-unit));
    height: calc(112 * var(--reference-unit));
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] [data-world="FACTORIES"] {
    padding: calc(48 * var(--reference-unit)) calc(32 * var(--reference-unit));
    gap: calc(9 * var(--reference-unit));
    border-radius: calc(14 * var(--reference-unit));
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] [data-world="FACTORIES"] > strong {
    font-size: calc(49 * var(--reference-unit));
    line-height: 1.05;
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] [data-world="FACTORIES"] .iu-market-caption {
    font-size: calc(28 * var(--reference-unit));
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] [data-world="FACTORIES"]::after {
    content: "→";
    width: calc(61 * var(--reference-unit));
    height: calc(61 * var(--reference-unit));
    font-size: calc(38 * var(--reference-unit));
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] [data-world="DISCOVERY"] {
    min-height: 0;
    grid-template-columns: calc(73 * var(--reference-unit)) minmax(0, 1fr);
    padding: 0 calc(25 * var(--reference-unit));
    gap: calc(8 * var(--reference-unit));
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] [data-world="DISCOVERY"] > strong {
    font-size: calc(31 * var(--reference-unit));
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] [data-world="DISCOVERY"] .iu-avatar-visual {
    width: calc(69 * var(--reference-unit));
    height: calc(69 * var(--reference-unit));
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] [data-world="PAYMENTS"],
  .iu--home[data-home-visual][data-home-style="light-glass-v1"] [data-world="STREAMS"] {
    margin-top: calc(21 * var(--reference-unit));
    height: calc(154 * var(--reference-unit));
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] .iu-system {
    min-height: calc(159 * var(--reference-unit));
    height: calc(159 * var(--reference-unit));
    padding-top: calc(18 * var(--reference-unit));
    border-top-color: rgba(113, 200, 240, .32);
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] .iu-system .iu-avatar--system,
  .iu--home[data-home-visual][data-home-style="light-glass-v1"] .iu-system-language .iu-language__trigger {
    gap: calc(9 * var(--reference-unit));
    min-height: calc(125 * var(--reference-unit));
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] .iu-system .iu-avatar--system .iu-avatar-visual,
  .iu--home[data-home-visual][data-home-style="light-glass-v1"] .iu-system-language .iu-language__trigger > span {
    width: calc(58 * var(--reference-unit));
    min-width: calc(58 * var(--reference-unit));
    max-width: calc(58 * var(--reference-unit));
    height: calc(58 * var(--reference-unit));
  }

  .iu--home[data-home-visual][data-home-style="light-glass-v1"] .iu-system .iu-avatar--system strong,
  .iu--home[data-home-visual][data-home-style="light-glass-v1"] .iu-system-language .iu-language__trigger strong {
    font-size: calc(19 * var(--reference-unit));
    line-height: 1.15;
  }
}

/* Owned mobile artwork is presentation only. Desktop img geometry is unchanged. */
.iu-discovery-preview__visual > .iu-owned-artwork-picture { display: contents; }
.iu-discovery-preview__visual > .iu-owned-artwork-picture > img {
  width: 100%; height: 100%; position: absolute; inset: 0;
  object-fit: cover; object-position: top center; pointer-events: none;
  transition: transform .5s, filter .25s;
}
.iu-discovery-preview__entry:hover .iu-owned-artwork-picture > img,
.iu-discovery-preview__entry:focus-visible .iu-owned-artwork-picture > img {
  filter: brightness(1.03); transform: scale(1.008);
}
@media (prefers-reduced-motion: reduce) {
  .iu-discovery-preview__visual > .iu-owned-artwork-picture > img { transition: none; }
}
@media (max-width: 760px) {
  .iu-directory .iu-discovery-preview[data-mobile-artwork="true"] {
    aspect-ratio: 2 / 3; min-height: 0; height: auto;
    content-visibility: visible; contain-intrinsic-size: none;
  }
  .iu-directory .iu-discovery-preview[data-mobile-artwork="true"] .iu-owned-artwork-picture > img {
    object-fit: contain; object-position: center; transform: none; filter: none;
  }
  .iu-directory .iu-discovery-preview[data-mobile-artwork="true"] .iu-discovery-preview__identity,
  .iu-directory .iu-discovery-preview[data-mobile-artwork="true"] .iu-discovery-preview__shade {
    display: none;
  }
  .iu-directory .iu-discovery-preview-feed {
    padding-bottom: calc(3.5rem + env(safe-area-inset-bottom));
  }
}