.noscript-page {
  display:none
}

noscript .noscript-page {
  display:block;
  position:fixed;
  inset:0;
  overflow:auto;
  padding:40px 20px;
  background:var(--bg);
  color:var(--text)
}

#boot {
  position:fixed;
  inset:0;
  z-index:10000;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:8vh 8vw;
  background:#080808;
  color:#e6e6e6;
  font-family:var(--mono);
  text-align:center;
  cursor:pointer;
  transition:opacity .25s ease
}

#boot.boot-out {
  opacity:0;
  pointer-events:none
}

.boot-logo {
  margin-bottom:24px;
  font-size:clamp(22px,4vw,32px);
  font-weight:700;
  letter-spacing:-.03em
}

.boot-logo span {
  color:var(--accent)
}

.boot-disclaimer {
  width:min(680px,100%);
  color:#f4f4f4;
  font-family:var(--sans);
  font-size:clamp(17px,2vw,21px);
  font-weight:600;
  line-height:1.55;
  text-align:justify;
  text-align-last:center;
  overflow-wrap:anywhere;
  text-shadow:0 1px 3px rgba(0,0,0,.8)
}

.boot-disclaimer p {
  margin:0 0 10px
}

.boot-continue {
  margin-top:28px;
  padding:10px 24px;
  background:none;
  border:1px solid var(--accent);
  border-radius:4px;
  color:var(--accent);
  font-family:var(--mono);
  font-size:clamp(13px,1.7vw,16px);
  font-weight:600;
  letter-spacing:.03em;
  cursor:pointer
}

button.boot-continue:hover {
  background:rgba(210,162,75,.12)
}

.boot-continue span {
  color:#8c8c8c
}

.boot-started .boot-disclaimer,
.boot-started .boot-continue {
  display:none
}

.boot-lines {
  display:flex;
  flex-direction:column;
  gap:7px;
  min-height:120px;
  align-items:center
}

.boot-line {
  opacity:0;
  color:#929292;
  font-size:12px;
  transform:translateY(2px);
  transition:opacity .15s ease,transform .15s ease
}

.boot-line.on {
  opacity:1;
  transform:none
}

.boot-line.ready {
  margin-top:7px;
  color:var(--accent);
  font-weight:600
}

.boot-skip {
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:6vh;
  color:#8c8c8c;
  font-size:10px;
  letter-spacing:.04em
}

.boot:not(.boot-started) .boot-lines,
.boot:not(.boot-started) .boot-skip {
  visibility:hidden
}

.noscript-inner {
  max-width:640px;
  margin:0 auto;
  font-family:Inter,sans-serif
}

.noscript-h1 {
  font-family:'JetBrains Mono',monospace
}

.noscript-lead {
  margin:14px 0;
  color:#9a9da5;
  line-height:1.8
}

.noscript-h2 {
  margin-top:28px;
  font-family:'JetBrains Mono',monospace
}

.noscript-p {
  line-height:1.8;
  color:#9a9da5
}

.noscript-list {
  line-height:2;
  color:#9a9da5
}

.power-screen .boot-logo {
  margin-bottom:0
}

@media (max-width:640px) {
  #boot {
    padding:10vw 8vw
  }

  .boot-disclaimer {
    font-size:17px
  }

  .boot-continue {
    line-height:1.5
  }
}