/* NAK-UT: freigegebene Offline-Vorschau als Produktivansicht.
   Aktiv nur wenn weder Livestream noch Nachschau zur Verfügung stehen.
   Alle Live- und Aufzeichnungsstile bleiben unverändert. */

/* Nativer, durchgängig einheitlicher Segoe-UI/Arial-Fettschnitt wie im Test. */
.main.nak-offline-page .intro h1 {
  font-family:'Segoe UI',Arial,sans-serif;
  font-size:clamp(32px,3.65vw,48px);
  font-weight:700;
  font-synthesis:none;
  line-height:1.2;
  letter-spacing:.025em;
  word-spacing:.025em;
  font-kerning:normal;
  text-rendering:auto;
  margin:0 0 11px;
}
.main.nak-offline-page .intro h1 span {
  font-family:'Segoe UI',Arial,sans-serif;
  font-size:clamp(17px,2.05vw,26px);
  font-weight:600;
  font-synthesis:none;
  line-height:1.35;
  letter-spacing:0;
  margin-top:11px;
}
.main.nak-offline-page .intro {margin-bottom:24px;}

/* Gesonderter Player-Zustand; aktive Übertragungen erhalten ihre Originalgröße. */
.video-window.nak-offline-mode {
  aspect-ratio:auto;
  min-height:clamp(560px,62vw,740px);
  background:radial-gradient(ellipse 54% 70% at 51% 32%,
      #2c6496 0%,#163e67 48%,#0b2b50 80%,#092440 100%);
  align-items:stretch;
  isolation:isolate;
}
.video-window.nak-offline-mode::before {
  content:"";
  position:absolute;
  z-index:0;
  left:50%;top:47%;
  width:63%;aspect-ratio:1;
  height:auto;
  border-radius:50%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(145,208,255,.055);
  background:radial-gradient(circle,transparent 54%,#4391ce0a 61%,transparent 75%);
  box-shadow:none;
  pointer-events:none;
}
.video-window.nak-offline-mode::after {
  content:"";
  position:absolute;
  z-index:0;
  left:50%;top:47%;inset:auto;
  width:42%;height:auto;aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(145,208,255,.055);
  background:radial-gradient(circle,#407bb516 0%,transparent 70%);
  pointer-events:none;
}
.video-window.nak-offline-mode #empty-content {
  position:relative;
  z-index:1;
  width:100%;
  max-width:100%;
  min-height:clamp(560px,62vw,740px);
  padding:80px 18px 55px;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.video-window #empty-content[hidden] {display:none!important;}
.nak-offline-stage {
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.nak-offline-word {
  margin:0 auto;
  max-width:100%;
  font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  font-weight:900;
  letter-spacing:.012em;
  line-height:1.08;
  font-size:clamp(2.05rem,8vw,6.8rem);
  white-space:nowrap;
  color:#f2faff;
  background:linear-gradient(180deg,#fff 0%,#f5fcff 35%,#c5eaff 66%,#fff 95%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 10px rgba(63,174,255,.36));
}
.nak-offline-lightline {
  height:2px;max-width:850px;width:86%;
  margin:-2px auto 18px;
  background:linear-gradient(90deg,transparent,#00a7ff 32%,#f4ffff 50%,#00a7ff 68%,transparent);
  box-shadow:0 0 18px 3px #04a8ff7a;
}
.nak-offline-church {
  font-size:clamp(1.07rem,2.6vw,2.35rem);
  font-weight:400;
  line-height:1.2;
  margin:8px 0 18px;
  text-wrap:balance;
}
.nak-offline-note {
  font-size:clamp(.92rem,1.8vw,1.48rem);
  color:#cde7fc;
  line-height:1.4;
  margin:6px 0 10px;
  text-wrap:balance;
}
.nak-offline-emblem-space {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;height:230px;
  margin-top:4px;
  perspective:900px;
}
.nak-offline-emblem-space::before {
  content:"";
  position:absolute;
  width:190px;height:80px;
  bottom:12px;
  border-radius:50%;
  background:radial-gradient(ellipse,#67b7ff28,transparent 70%);
  filter:blur(11px);
}
.nak-offline-rotor {
  position:relative;
  width:clamp(128px,17vw,173px);
  height:clamp(128px,17vw,173px);
  transform-style:preserve-3d;
  opacity:1;
  animation:nakOfflineSpinY 8s linear infinite;
  filter:drop-shadow(0 0 11px rgba(147,220,255,.28));
}
.nak-offline-side {
  position:absolute;
  inset:0;
  display:block;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform:translateZ(1px);
}
.nak-offline-back {transform:rotateY(180deg) translateZ(1px);}
.nak-offline-side img {
  width:100%;height:100%;
  object-fit:contain;display:block;
}
@keyframes nakOfflineSpinY {
  from {transform:rotateY(0deg);}
  to   {transform:rotateY(360deg);}
}
@media (max-width:600px) {
  .main.nak-offline-page .intro {margin-bottom:18px;}
  .main.nak-offline-page .intro h1 {font-size:clamp(29px,7.2vw,36px);line-height:1.2;}
  .main.nak-offline-page .intro h1 span {font-size:clamp(16px,4.1vw,19px);line-height:1.4;}
  .video-window.nak-offline-mode #empty-content {min-height:560px;padding:60px 16px 40px;}
  .nak-offline-church {max-width:360px;}
  .nak-offline-note {max-width:340px;}
  .nak-offline-emblem-space {height:190px;}
  .nak-offline-lightline {margin-top:3px;}
}
@media (prefers-reduced-motion: reduce) {
  .nak-offline-rotor {animation:none;transform:none;}
}