* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; height: 100%; overflow: hidden; }
body { background: linear-gradient(145deg, #003b9f, #0877e8); }
.stage {
  width: 100%; height: 100%; min-height: 100svh; display: grid; place-items: center;
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
.campaign {
  display: block; width: 100%; height: 100%; object-fit: contain; background: #fff;
  user-select: none; -webkit-user-drag: none;
}
@media (min-aspect-ratio: 1/1) {
  .campaign { width: min(100vh, 1080px); height: min(100vh, 1080px); box-shadow: 0 0 44px rgba(0,0,0,.25); }
}