/* ============ BOOT LAYER — black CRT, neon lime ============ */

#boot-layer {
  position: fixed; inset: 0;
  background: #000;
  z-index: 8000;
  overflow: hidden;
}
#boot-layer[hidden] { display: none; }

/* Reserved layer (empty) */
#jordan-reflection { position: absolute; inset: 0; z-index: 0; pointer-events: none; }

#boot-screen {
  position: relative; z-index: 1;
  height: 100%;
  padding: 4vh 6vw;
  overflow: hidden;
  font-family: "VT323", "Courier New", monospace;
  color: #dfff00;
  text-shadow: 0 0 4px #dfff00, 0 0 10px rgba(223,255,0,.9), 0 0 18px rgba(223,255,0,.45);
}

#boot-text, #boot-text2 {
  font-family: inherit;
  font-size: clamp(15px, 2.3vmin, 22px);
  line-height: 1.32;
  white-space: pre-wrap;
}

#boot-text .dim, #boot-text2 .dim,
#boot-text .amber, #boot-text2 .amber,
#boot-text .white, #boot-text2 .white {
  color: #dfff00;
  opacity: 1;
  text-shadow: 0 0 4px #dfff00, 0 0 10px rgba(223,255,0,.9), 0 0 18px rgba(223,255,0,.45);
}

.boot-cursor {
  display: inline-block;
  width: .62em; height: 1em;
  background: #dfff00;
  vertical-align: -0.15em;
  animation: bootblink .8s steps(1) infinite;
  box-shadow: 0 0 6px #dfff00, 0 0 14px rgba(223,255,0,.9);
}
@keyframes bootblink { 50% { opacity: 0; } }

/* big logo */
#boot-logo { margin: 2vh 0 3vh; }
.bl-full {
  display: block;
  width: clamp(170px, 25vmin, 290px);
  height: auto;
  margin: 1vh 0 .4vh;
}
.bl-name {
  width: clamp(300px, 46vmin, 540px);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(34px, 5.2vmin, 62px);
  font-weight: 700;
  line-height: .9;
  color: #dfff00;
  text-shadow: 0 0 5px #dfff00, 0 0 14px rgba(223,255,0,.7);
}
#boot-logo.bl-animate .bl-full {
  animation: markreveal .5s ease-out,
             markpulse 3.2s ease-in-out .6s infinite alternate;
}
@keyframes markreveal {
  0%   { opacity: 0; transform: scale(1.02); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes markpulse {
  0%   { opacity: .93; }
  100% { opacity: 1; }
}

/* small emblem, top-right, there from the first scanline */
#boot-corner-mark {
  position: absolute;
  top: 3.2vh; right: 3.2vw;
  width: clamp(70px, 11vmin, 120px);
  height: auto;
  z-index: 2;
  animation: markpulse 3.6s ease-in-out infinite alternate;
}

.bl-sub {
  margin-top: 10px;
  font-size: clamp(15px, 2.6vmin, 26px);
  letter-spacing: .35em;
  color: #dfff00;
  text-shadow: 0 0 4px #dfff00, 0 0 12px rgba(223,255,0,.75);
}
.bl-est {
  margin-top: 5px;
  font-size: clamp(11px, 1.8vmin, 17px);
  letter-spacing: .12em;
  color: #dfff00;
  opacity: 1;
  text-shadow: 0 0 4px #dfff00, 0 0 10px rgba(223,255,0,.75);
}

#boot-hint {
  position: absolute; right: 18px; bottom: 12px; z-index: 2;
  font-family: "VT323", monospace;
  font-size: 15px;
  color: #dfff00;
  opacity: 1;
  text-shadow: 0 0 4px #dfff00, 0 0 10px rgba(223,255,0,.75);
  animation: bootblink 1.4s steps(1) infinite;
}

/* ============ SHUTDOWN ============ */
#shutdown-layer {
  position: fixed; inset: 0;
  background: #000;
  z-index: 8500;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 26px;
}
#shutdown-layer[hidden] { display: none; }
#shutdown-text {
  font-family: "VT323", monospace;
  font-size: clamp(26px, 5.4vmin, 52px);
  color: #ff8c1a;
  text-align: center;
  line-height: 1.25;
  text-shadow: 0 0 14px rgba(255,140,26,.6);
}
#shutdown-sub {
  font-family: "VT323", monospace;
  font-size: 16px;
  color: #7a4a10;
}