.schlusskarte {
  position: fixed;
  inset: 0;
  z-index: 300;
  display: grid;
  place-items: center;
  overflow-y: auto;
  background: radial-gradient(ellipse 78% 62% at 50% 50%, rgba(10, 9, 6, 0), rgba(2, 2, 3, 0));
  transition: background 1.4s ease;
  cursor: default;
}
.schlusskarte.an {
  background: radial-gradient(ellipse 78% 62% at 50% 50%, rgba(18, 15, 9, .9) 0%, rgba(4, 4, 5, .97) 70%, #020203 100%);
}
.schlusskarte, .schlusskarte * { cursor: default !important; }
.schlusskarte .sk-weiter { cursor: pointer !important; }
.sk-satz {
  display: grid;
  justify-items: center;
  gap: .9em;
  padding: 24px 16px;
  text-align: center;
  font-family: "Helvetica Neue", Arial, sans-serif;
  color: #efe6d4;
}
.sk-strich {
  display: block;
  width: min(30em, 76vw);
  height: 1px;
  background: linear-gradient(90deg, rgba(216, 163, 60, 0) 0%, rgba(216, 163, 60, .85) 18%,
    rgba(240, 214, 160, .95) 50%, rgba(216, 163, 60, .85) 82%, rgba(216, 163, 60, 0) 100%);
  transform: scaleX(0);
  transition: transform .9s cubic-bezier(.16, .8, .3, 1) .5s;
}
.schlusskarte.an .sk-strich { transform: none; }
.sk-nr, .sk-titel, .sk-text {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .7s ease, transform .9s cubic-bezier(.16, .8, .3, 1);
}
.schlusskarte.an .sk-nr { opacity: 1; transform: none; transition-delay: .9s; }
.schlusskarte.an .sk-titel { opacity: 1; transform: none; transition-delay: 1.1s; }
.schlusskarte.an .sk-text { opacity: 1; transform: none; transition-delay: 1.7s; }
.sk-nr {
  font-style: normal;
  font-size: clamp(.72rem, 1.2vw, .95rem);
  letter-spacing: .42em;
  text-transform: uppercase;
  color: rgba(216, 163, 60, .9);
}
.sk-titel {
  display: block;
  max-width: 16em;
  font: 900 clamp(2rem, 6vw, 4.6rem)/1.05 "Arial Black", "Segoe UI Black", Impact, sans-serif;
  letter-spacing: .02em;
  color: #ffe9b4;
  text-shadow: 0 4px 30px rgba(0, 0, 0, .9), 0 0 40px rgba(216, 163, 60, .25);
}
.sk-text {
  display: block;
  max-width: 34em;
  font-size: clamp(1rem, 2vw, 1.4rem);
  line-height: 1.45;
  color: rgba(239, 230, 212, .85);
}
.sk-weiter {
  margin-top: 1.4em;
  font: 700 .9rem "Helvetica Neue", Arial, sans-serif;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: #1a1408;
  background: #d8a33c;
  border: 0;
  border-radius: 3px;
  padding: 14px 22px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .6s ease, visibility 0s linear .6s;
}
.sk-weiter.da { opacity: 1; visibility: visible; transition: opacity .6s ease; }
.sk-weiter:hover, .sk-weiter:focus-visible { background: #f0c35a; outline: none; }
:root.ist-durch .fadenkreuz, :root.ist-durch .gegenstand.in-der-hand { visibility: hidden !important; }
@media (prefers-reduced-motion: reduce) {
  .schlusskarte, .sk-strich, .sk-nr, .sk-titel, .sk-text, .sk-weiter { transition: none !important; }
}