.footer {
  display:grid;
  grid-template-columns:auto minmax(160px,1fr) minmax(170px,1fr) auto;
  align-items:center;
  gap:12px 22px;
}
.footer > * {min-width:0;}
.footer > span:last-child {white-space:nowrap;text-align:right;}
.footer-center {display:block;color:#8e8e8e;white-space:nowrap;text-align:center;}
.footer-control {white-space:nowrap;text-align:left;}
@media (min-width:901px) {
  .footer-center {display:block;}
  .photo-block {
    top:auto;
    bottom:clamp(69px,7.7vh,104px);
    right:clamp(50px,6.9vw,160px);
  }
  .photo-block figcaption {
    display:block;
    position:relative;
    margin-top:14px;
    line-height:1.65;
    color:#e6e6e6;
    text-shadow:0 1px 2px #000;
  }
  .console {top:57.5%;}
  .terminal-output {margin:28px 0 23px;line-height:1.65;}
  .terminal-question {margin:0 0 25px;line-height:1.65;}
  .terminal-choices {gap:17px;}
}
@media (min-width:901px) and (max-width:1190px) {
  .footer {grid-template-columns:auto 1fr 1fr auto;gap:8px 12px;font-size:9px;}
  .footer-center {display:block;}
}
@media (min-width:901px) and (max-height:820px) {
  .photo-block {top:auto;bottom:66px;}
  .console {top:53.5%;}
  .terminal-output {margin:19px 0 15px;}
  .terminal-question {margin:0 0 16px;}
  .terminal-choices {gap:12px;}
}
@media (min-width:901px) and (max-height:700px) {
  .site {height:auto;min-height:760px;}
}
@media (max-width:900px) {
  .footer-center {display:block;}
  .footer {grid-template-columns:auto minmax(0,1fr);gap:9px 18px;align-items:start;}
  .footer > span:nth-child(2) {text-align:right;}
  .footer-center {grid-column:1;grid-row:2;text-align:left;white-space:normal;}
  .footer > span:last-child {grid-column:2;grid-row:2;margin:0;text-align:right;}
}
@media (max-width:600px) {
  .footer {padding:15px 14px 16px;column-gap:12px;row-gap:9px;font-size:clamp(8px,2vw,10px);line-height:1.55;letter-spacing:.01em;}
  .footer-control {font-size:inherit;}
  .footer-center {font-size:clamp(8px,2vw,10px);}
  .footer > span:last-child {font-size:clamp(8px,1.9vw,10px);}
}

.terminal-choices {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:max-content;
  max-width:100%;
}
.terminal-choices button {
  display:block;
  width:100%;
  margin:0;
  padding:2px 0;
  text-align:left;
  line-height:1.6;
  white-space:nowrap;
}
@media (min-width:901px) {
  .terminal-choices {gap:clamp(11px,1.5vh,17px)}
  .terminal-output {margin:24px 0 18px}
  .terminal-question {margin:0 0 23px}
  .footer {position:absolute;}
  .footer-center {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    white-space:nowrap;
    pointer-events:none;
  }
}
@media (min-width:901px) and (max-height:820px) {
  .terminal-output {margin:18px 0 14px}
  .terminal-question {margin:0 0 18px}
  .terminal-choices {gap:10px}
}
@media (max-width:900px) {
  .terminal-choices {gap:15px}
  .terminal-choices button {padding:2px 0;}
  .footer-center {
    grid-column:1 / -1;
    grid-row:3;
    text-align:center;
    justify-self:center;
  }
  .footer > span:last-child {grid-column:2;grid-row:2}
  .footer > span:nth-child(2) {grid-column:1 / -1;grid-row:2;text-align:center}
}

@media (min-width: 1200px) and (max-width: 1599px) {
  .hero { transform: translateY(-30px); }
  .console { transform: translateY(28px); }
}
@media (min-width: 1600px) {
  .hero { transform: translateY(-42px); }
  .console { transform: translateY(24px); }
}
@media (min-width: 901px) and (max-width: 1199px) {
  .hero { transform: translateY(-10px); }
  .console { transform: translateY(7px); }
}