/* Artwork is contained, so the full supplied poster stays visible in either orientation. */
body.is-loading { overflow: hidden; }
.eden-loading {
  position: fixed; inset: 0; z-index: 1000;
  height: 100vh; height: 100dvh;
  display: flex; flex-direction: column;
  background: radial-gradient(ellipse at 50% 35%, #174d32, #03291f 80%);
  color: #fff5dc; opacity: 1;
  transition: opacity 320ms ease;
}
.eden-loading[hidden] { display: none; }
.eden-loading.is-leaving { opacity: 0; pointer-events: none; }
.eden-loading-art { display: block; flex: 1 1 0; min-height: 0; width: 100%; }
.eden-loading-art img { display: block; width: 100%; height: 100%; object-fit: contain; }
.eden-loading-footer {
  flex: 0 0 auto; width: min(640px, 86%); align-self: center;
  padding: 12px 0 max(18px, env(safe-area-inset-bottom));
  font-family: Arial, sans-serif;
}
.eden-loading-caption { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-bottom: 9px; font-size: 14px; font-weight: 700; line-height: 1.4; }
.eden-loading-percent { color: #efcc80; font-variant-numeric: tabular-nums; white-space: nowrap; }
.eden-loading-track { height: 14px; border-radius: 99px; overflow: hidden; padding: 2px; background: #001a14; border: 1px solid #aa8748; box-shadow: 0 3px 12px #0004, inset 0 1px 3px #0007; }
.eden-loading-fill { display: block; height: 100%; width: 0; border-radius: inherit; background: linear-gradient(90deg, #6fa448, #c6d27a 55%, #f0cc78); box-shadow: 0 0 12px #e5cb7860; }
.eden-loading-retry { display: block; width: 100%; min-height: 46px; margin-top: 12px; border: 1px solid #f0d391; border-radius: 12px; background: #efcc80; color: #123828; font: 700 15px Arial, sans-serif; cursor: pointer; }
.eden-loading-retry[hidden] { display: none; }
.eden-loading-retry:focus-visible { outline: 3px solid white; outline-offset: 3px; }
.eden-loading-fallback { display: none; position: absolute; top: 40%; width: 100%; text-align: center; font: 700 clamp(28px, 6vw, 54px) Georgia, serif; }
.eden-loading.art-unavailable .eden-loading-art { visibility: hidden; }
.eden-loading.art-unavailable .eden-loading-fallback { display: block; }
@media (orientation: landscape) and (max-height: 500px) {
  .eden-loading-footer { width: min(560px, 75%); padding-top: 7px; padding-bottom: max(8px, env(safe-area-inset-bottom)); }
  .eden-loading-caption { font-size: 12px; margin-bottom: 5px; }
  .eden-loading-track { height: 11px; }
}
@media (prefers-reduced-motion: reduce) { .eden-loading { transition: none; } }