/* The restored signal becomes the entry screen after the cinematic. */
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] #gateway {
  min-height: 100svh;
  background: #071025 url("assets/ego-check-system/aetheridge-awakened-v2.webp") center center / cover no-repeat !important;
}
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] #gateway::before,
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] #gateway::after,
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-logo-os,
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-scan,
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-awakening-field,
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-terminal,
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-observation-wrap,
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-kicker {
  display: none !important;
}
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-header {
  z-index: 5;
  opacity: 1 !important;
  padding: 0 clamp(1.25rem, 3vw, 3.5rem);
}
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-brand img { display: none; }
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-brand strong {
  color: #d8e9f4;
  font: 700 .72rem ui-monospace, monospace;
  letter-spacing: .22em;
  text-shadow: 0 2px 15px #061022;
}
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-brand small { color: #a8bfd5; }
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-header-tools {
  color: #d7d8f0;
  text-shadow: 0 2px 12px #061022;
}
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-layout {
  position: relative;
  z-index: 3;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-copy {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 100svh !important;
  padding: 0 !important;
  filter: none !important;
}
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-copy h1,
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-lede,
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-identity,
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-copy blockquote,
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-primary,
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-returning-signal,
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-feedback {
  position: absolute !important;
  z-index: 4;
  opacity: 1 !important;
  filter: none !important;
  transform: none;
  animation: awakenedEntry .9s ease-out both;
}
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-copy h1 {
  left: 3.5% !important;
  top: 20% !important;
  right: auto !important;
  bottom: auto !important;
  width: 26% !important;
  max-width: 500px !important;
  padding: 0 !important;
  font-size: clamp(2.25rem, 3.2vw, 4.2rem) !important;
  line-height: .98 !important;
  letter-spacing: -.048em !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background: linear-gradient(90deg, #65f3a7 0%, #65caff 26%, #bc8aff 51%, #ff728c 75%, #ffb76b 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
  filter: drop-shadow(0 3px 14px rgba(3, 10, 24, .95)) !important;
}
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-copy h1 em {
  color: inherit !important;
  -webkit-text-fill-color: transparent !important;
  background: none !important;
  text-shadow: none !important;
}
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-lede {
  left: auto !important;
  right: 3.5% !important;
  top: 21% !important;
  bottom: auto !important;
  width: 25% !important;
  max-width: 400px !important;
  color: #e2eaf7 !important;
  font-size: clamp(.9rem, 1.08vw, 1.15rem) !important;
  line-height: 1.65 !important;
  text-shadow: 0 2px 14px #071022 !important;
  animation-delay: .15s;
}
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-identity {
  left: 3.5% !important;
  top: 60% !important;
  right: auto !important;
  bottom: auto !important;
  width: 25% !important;
  max-width: 430px !important;
  color: #c5eddf !important;
  animation-delay: .3s;
}
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-identity::before { display: none; }
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-input-wrap {
  background: rgba(4, 17, 31, .45) !important;
  border: 1px solid rgba(113, 222, 217, .62) !important;
  border-radius: 4px !important;
  backdrop-filter: blur(8px);
  box-shadow: 0 8px 28px rgba(0, 9, 27, .3) !important;
}
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-input-wrap input {
  color: #f1f9ff !important;
  padding-inline: 1rem !important;
}
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-input-wrap input::placeholder { color: #adc7d4; opacity: 1; }
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-copy blockquote {
  left: 3.5% !important;
  top: auto !important;
  bottom: 5% !important;
  width: 25% !important;
  max-width: 430px !important;
  color: #c8dbeb !important;
  text-shadow: 0 2px 12px #071022;
  animation-delay: .45s;
}
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-copy blockquote span,
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-copy blockquote strong { color: #d9e7f4 !important; }
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-actions {
  display: contents !important;
}
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-primary {
  left: auto !important;
  right: 3.5% !important;
  top: 58% !important;
  bottom: auto !important;
  width: 25% !important;
  max-width: 400px !important;
  min-height: 64px !important;
  padding: .9rem 1.2rem !important;
  color: #f4f5ff !important;
  background: rgba(32, 26, 76, .72) !important;
  border: 1px solid rgba(200, 163, 255, .9) !important;
  border-radius: 4px !important;
  box-shadow: 0 12px 30px rgba(4, 9, 29, .42), 0 0 28px rgba(160, 94, 220, .25) !important;
  backdrop-filter: blur(10px);
  text-shadow: 0 2px 15px #160a30 !important;
  animation-delay: .42s;
}
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-primary:hover,
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-primary:focus-visible {
  transform: translateY(-7px) scale(1.02) !important;
  box-shadow: 0 20px 42px rgba(4, 9, 29, .52), 0 0 38px rgba(187, 109, 247, .48) !important;
}
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-primary:disabled { opacity: .82 !important; }
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-returning-signal {
  left: auto !important;
  right: 3.5% !important;
  top: 43% !important;
  bottom: auto !important;
  width: 25% !important;
  max-width: 400px !important;
  color: #dfebf6 !important;
  text-align: left !important;
  animation-delay: .27s;
}
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-returning-signal span,
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-returning-signal small { color: #d8edf6 !important; }
body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-feedback {
  left: 3.5% !important;
  right: auto !important;
  top: 78% !important;
  bottom: auto !important;
  width: 25% !important;
  max-width: 430px !important;
  color: #c4d9e7 !important;
  text-align: left !important;
  animation-delay: .5s;
}
@keyframes awakenedEntry {
  from { opacity: 0; translate: 0 18px; }
  to { opacity: 1; translate: 0 0; }
}
@media (min-width: 1101px) and (max-width: 1500px) {
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] #gateway {
    background-size: auto 88svh !important;
  }
}
@media (max-width: 1100px) {
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] #gateway {
    background-size: auto 59svh !important;
    background-position: center top !important;
    background-color: #071025 !important;
  }
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-layout {
    background: linear-gradient(to bottom, transparent 0, transparent 44svh, rgba(6, 16, 35, .9) 56svh, #071025 68svh);
  }
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-copy {
    display: flex !important;
    flex-direction: column;
    gap: 1.1rem;
    min-height: 100svh !important;
    padding: 56svh 1.25rem 3rem !important;
  }
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-copy h1,
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-lede,
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-identity,
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-copy blockquote,
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-primary,
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-returning-signal,
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-feedback {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: min(520px, 100%) !important;
    max-width: 520px !important;
    margin-inline: auto !important;
  }
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-copy h1 {
    font-size: clamp(2.4rem, 7vw, 4.2rem) !important;
    line-height: 1.05 !important;
    margin-bottom: .3rem !important;
  }
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-lede { font-size: 1rem !important; }
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-primary { order: 4; }
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-returning-signal { order: 5; }
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-copy blockquote { order: 6; }
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-feedback { order: 7; }
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-header { padding: .65rem 1.25rem; }
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-header-tools #gateway-status { display: none; }
}
@media (max-width: 560px) {
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-header-tools .install-app { font-size: .58rem; padding: .5rem; }
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-brand small { display: none; }
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-copy { padding-top: 53svh !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-copy h1,
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-lede,
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-identity,
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-copy blockquote,
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-primary,
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-returning-signal,
  body.cinematic-entered:not(.record-unlocked)[data-screen="gateway"] .gateway-feedback { animation: none !important; }
}

/* Registered player utilities live in the Core watch until the city scene arrives. */
#gateway .ego-watch-entry,#gateway .ego-watch-drawer{display:none}
body.record-unlocked #gateway .ego-watch-entry{display:flex;justify-content:center;margin:22px auto 30px}
body.record-unlocked #gateway .ego-watch-entry button{display:flex;align-items:center;gap:12px;border:1px solid rgba(69,180,239,.58);border-radius:18px;background:linear-gradient(115deg,rgba(11,35,76,.94),rgba(32,26,81,.94));color:#c9eaff;padding:15px 22px;box-shadow:0 16px 45px rgba(4,16,48,.4);cursor:pointer}
#gateway .ego-watch-entry button>span{font-size:30px;color:#63c7ff}
#gateway .ego-watch-entry button strong{letter-spacing:.16em;font-size:13px}
#gateway .ego-watch-entry button small{color:#97afd1}
body.record-unlocked #gateway .registered-dossier,body.record-unlocked #gateway .gateway-primary,body.record-unlocked #gateway .gateway-observation-wrap{display:none!important}
body.record-unlocked #gateway .player-record-hub{display:none}
body.record-unlocked #gateway.watch-open .ego-watch-drawer{display:block;max-width:600px;margin:0 auto 22px;padding:24px;border:1px solid rgba(89,172,242,.48);border-radius:20px;background:linear-gradient(130deg,rgba(8,30,69,.97),rgba(30,25,78,.97));box-shadow:0 24px 70px rgba(3,13,42,.56);color:#d8eaff}
#gateway .ego-watch-drawer header{display:flex;justify-content:space-between;align-items:center;color:#70bde9;font-size:11px;letter-spacing:.18em}
#gateway .ego-watch-drawer header button{border:0;background:transparent;color:#c7e8ff;font-size:27px;cursor:pointer}
#gateway .ego-watch-drawer h2{font-size:clamp(23px,3vw,34px);margin:18px 0 5px}
#gateway .ego-watch-drawer p{color:#aac1de;margin:0 0 21px}
#gateway .ego-watch-drawer>button{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;margin:9px 0;padding:16px 18px;text-align:left;border:1px solid rgba(100,165,221,.32);border-radius:12px;background:rgba(30,65,113,.42);color:#e1f0ff;cursor:pointer;font-weight:600;font-size:15px}
#gateway .ego-watch-drawer>button span{color:#8fb6d7;font-size:12px}
#gateway .ego-watch-clock{display:block;margin-top:20px;color:#76c9ee;font-size:12px;letter-spacing:.15em}
body.record-unlocked #gateway.watch-archive-open .player-record-hub{display:block}
@media(max-width:700px){#gateway .ego-watch-entry button{flex-wrap:wrap;justify-content:center}#gateway .ego-watch-drawer>button{align-items:flex-start;flex-direction:column}}
