/* Akt-1-Abschlussbildschirm (Auftrag 026 CP6) — Bunker-Sektormeldung, kein Abspann. */

#scene-act1 { background:
  radial-gradient(120% 80% at 50% 0%, rgba(40,70,90,.22), transparent 60%),
  linear-gradient(180deg, #0a141c, #05090e);
}
.act1-wrap {
  min-height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 22px; padding: 32px 20px; color: #cfe4ef; font-family: 'Antonio', 'Oswald', system-ui, sans-serif;
}
.act1-mount {
  width: min(720px, 96%);
  background: linear-gradient(180deg, rgba(18,32,43,.94), rgba(9,16,22,.94));
  border: 1px solid rgba(143,208,230,.35); border-radius: 8px; padding: 26px 30px;
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 22px 100%, 0 calc(100% - 22px));
  box-shadow: 0 16px 50px rgba(0,0,0,.55);
}
.a1-head { text-align: center; border-bottom: 1px solid rgba(143,208,230,.22); padding-bottom: 14px; margin-bottom: 16px; }
.a1-tag { font-size: 12px; letter-spacing: 3px; color: #6fd6a0; }
.a1-title { margin: 8px 0 4px; font-size: 40px; letter-spacing: 4px; color: #eaf6fc; }
.a1-sub { margin: 0; font-size: 15px; letter-spacing: 1px; color: #9fd0e6; }
.a1-narrative { font-size: 14px; line-height: 1.6; color: #c4dae6; margin: 0 0 18px; }

/* Missionskette 1→2→3 */
.a1-chain { display: flex; flex-direction: column; gap: 6px; margin-bottom: 18px; }
.a1-mission {
  display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 10px;
  padding: 8px 12px; background: rgba(30,52,66,.5); border: 1px solid rgba(90,150,190,.18); border-radius: 4px;
}
.a1-mission.done { border-color: rgba(111,214,160,.4); }
.a1-mnum { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px;
  border: 1px solid #6fd6a0; border-radius: 50%; color: #6fd6a0; font-size: 14px; }
.a1-mname { font-size: 15px; color: #eaf6fc; }
.a1-mday { font-size: 13px; color: #6fd6a0; letter-spacing: 1px; }

/* Kennzahlen */
.a1-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 18px; }
.a1-stat { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px;
  background: rgba(12,22,30,.6); border-left: 2px solid rgba(143,208,230,.4); }
.a1-slab { font-size: 10px; letter-spacing: 1.2px; text-transform: uppercase; color: #7fa6ba; }
.a1-sval { font-size: 20px; color: #dff0f8; }

/* Ausblick Akt 2 */
.a1-outlook { border-top: 1px dashed rgba(143,208,230,.25); padding-top: 12px; }
.a1-outlook p { margin: 0; font-size: 13px; line-height: 1.5; color: #9fd0e6; font-style: italic; }

#btn-act1-continue { min-height: 48px; }

@media (max-width: 720px), (pointer: coarse) {
  .a1-title { font-size: 30px; letter-spacing: 2px; }
  .a1-stats { grid-template-columns: repeat(2, 1fr); }
  .act1-mount { padding: 20px 18px; }
}