/* V1.104: bounded preload retries resolve into a brief, non-blocking demand-load notice. */
body:not(.maintenance-mode) .preload-panel[data-preload-degraded="true"][data-preload-degraded-acknowledged="false"] {
  width: min(330px, calc(100vw - 34px));
  grid-template-columns: auto minmax(86px, 1fr) auto;
  grid-template-areas:
    "kicker track percent"
    "status status status";
  row-gap: 5px;
  padding: 7px 10px 8px;
  border-color: rgba(240, 193, 80, .46);
  background:
    linear-gradient(90deg, rgba(240, 193, 80, .13), rgba(96, 180, 223, .07)),
    rgba(7, 14, 23, .86);
  color: #ffe2a2;
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) !important;
  transition: opacity 260ms ease, transform 260ms ease;
}

body:not(.maintenance-mode) .preload-panel[data-preload-degraded="true"] .preload-track i {
  background: linear-gradient(90deg, #dca548, #ffe09a);
}

body:not(.maintenance-mode) .preload-panel[data-preload-degraded="true"] strong {
  color: #ffdc8a;
  letter-spacing: .06em;
}

body:not(.maintenance-mode) .preload-panel[data-preload-degraded="true"][data-preload-degraded-acknowledged="false"] small {
  grid-area: status;
  display: block;
  color: rgba(255, 237, 199, .82);
  font-size: 10px;
  line-height: 1.25;
  white-space: normal;
}

body:not(.maintenance-mode) .preload-panel[data-preload-degraded="true"][data-preload-degraded-acknowledged="true"] {
  opacity: 0 !important;
  transform: translateX(-50%) translateY(6px) !important;
  pointer-events: none !important;
}

@media (max-width: 560px) {
  body:not(.maintenance-mode) .preload-panel[data-preload-degraded="true"][data-preload-degraded-acknowledged="false"] {
    width: min(300px, calc(100vw - 26px));
  }
}

@media (prefers-reduced-motion: reduce) {
  body:not(.maintenance-mode) .preload-panel[data-preload-degraded="true"] {
    transition: none !important;
  }
}

@media (forced-colors: active) {
  body:not(.maintenance-mode) .preload-panel[data-preload-degraded="true"][data-preload-degraded-acknowledged="false"] {
    border: 2px solid Highlight;
    background: Canvas;
    color: CanvasText;
  }
}
