/* R48: use the available desktop viewport and keep local media deterministic. */
@media (min-width: 1600px) {
  body :is(.header-inner, .container, .section > .container, .site-footer > .container,
    .access-login-ribbon, .regional-market-tapes, .noblesse-coin-tape, .spatial-hero,
    .r43-hub, .r43-suite, .r43-section-bar, .planet-simulation-inner, .planet-visual-grid) {
    width: calc(100% - 2rem) !important;
    max-width: none !important;
    margin-inline: auto !important;
  }

  #planet-simulation .planet-visual-grid {
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.25fr) minmax(320px, .85fr) !important;
  }

  #planet-simulation :is(.planet-globe-stage, .planet-country-stage, .planet-telemetry-stage) {
    max-width: none !important;
  }

  #planet-simulation :is(#planetGlobeCanvas, #planetCountryCanvas) {
    width: 100% !important;
    max-width: none !important;
  }

  #showroom .spatial-hero .hero-inner {
    padding-right: clamp(1rem, 2.5vw, 4rem) !important;
  }
}

/* Do not leave a black rectangle when a local file is unavailable. */
img[data-media-state="missing"] {
  display: block;
  min-height: 8rem;
  object-fit: contain;
  background: radial-gradient(circle at 50% 35%, #19384b 0, #07131b 52%, #020508 100%);
  border: 1px solid rgba(232, 201, 99, .55);
}

@media (max-width: 700px) {
  body :is(.header-inner, .container, .section > .container, .site-footer > .container,
    .access-login-ribbon, .regional-market-tapes, .noblesse-coin-tape, .spatial-hero,
    .r43-hub, .r43-suite, .r43-section-bar, .planet-simulation-inner, .planet-visual-grid) {
    width: calc(100% - .7rem) !important;
    max-width: none !important;
  }
}

@media print {
  body :is(.header-inner, .container, .section > .container, .site-footer > .container,
    .access-login-ribbon, .regional-market-tapes, .noblesse-coin-tape, .spatial-hero,
    .r43-hub, .r43-suite, .r43-section-bar, .planet-simulation-inner, .planet-visual-grid) {
    width: 100% !important;
    max-width: none !important;
  }
}

.r48-runtime-warning {
  position: sticky;
  top: 0;
  z-index: 10000;
  width: 100%;
  box-sizing: border-box;
  padding: .72rem 1rem;
  border-bottom: 1px solid rgba(235, 196, 90, .72);
  background: rgba(38, 27, 7, .98);
  color: #fff1bd;
  font: 600 clamp(.76rem, .75vw, .94rem)/1.4 system-ui, sans-serif;
  text-align: center;
}

.r48-runtime-warning code {
  color: #fff;
}