/* Keep the original reading sequence; refine only the physical presentation. */
.pw-pager-refined .pw-reading-stage .pager {
  width: min(720px, 100%, calc((100svh - 190px) * 1.328486));
}
.pw-pager-refined .screen { font-size: 4cqw; }

/* Subtle ambient shade follows the shell alpha, never the LCD text layer. */
.pw-pager-refined .pager::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg,
    rgba(13, 22, 17, .62) 0%,
    rgba(13, 22, 17, .36) 8%,
    transparent 24%,
    transparent 85%,
    rgba(13, 22, 17, .24) 96%,
    rgba(13, 22, 17, .48) 100%);
  -webkit-mask: url('assets/private-weather-shell-edge-v1.png') 0 0 / 100% 100% no-repeat;
  mask: url('assets/private-weather-shell-edge-v1.png') 0 0 / 100% 100% no-repeat;
}
.pw-pager-refined .lcd { z-index: 1; }
.pw-pager-refined .hotspot { z-index: 2; }

@media (max-width: 960px) {
  .pw-pager-refined .pw-reading-stage .pager { width: min(720px, 100%); }
}
@media (max-height: 560px) {
  .pw-pager-refined .pw-reading-stage .pager {
    width: min(720px, 100%, calc((100svh - 104px) * 1.328486));
  }
}