:root{
  --host-bg: #2b2b2b;
  --panel-shadow: 0 18px 60px rgba(0,0,0,.55); /* subtil wie Orientierungs-Datei */
}

html, body{
  height: 100%;
  margin: 0;
  background: var(--host-bg);
}

.host{
  min-height: 100%;
  box-sizing: border-box;

  /* vertikaler Abstand bleibt */
  padding-bottom: 32px;

  /* HIER ist der Trick: zentriert, aber niemals < 0 */
  padding-left: clamp(0px, calc((100vw - 1080px) / 2), 9999px);
  padding-right: clamp(0px, calc((100vw - 1080px) / 2), 9999px);
}

.stage{
  width: 1080px;
  box-shadow: var(--panel-shadow);
  margin-left: 0;
}

.header-img{
  width: 1080px;
  height: 300px;
  display: block;
}

.app-frame{
  width: 1080px;
  height: 1080px;
  display: block;
  border: 0;
  overflow: hidden;
}