/* Pinned local IBM VGA pixel face; no external font request. */
  @font-face{font-family:"IBMVGA";src:url("/landing.ttf") format("truetype");font-display:swap}
  html,body{margin:0;height:100%;height:100dvh;background:#0b0b0c;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%}
  .outer{position:fixed;inset:0;background:#0b0b0c;display:flex;align-items:center;justify-content:center}
  .screen{
    position:relative;flex:none;
    width:min(390px,100vw - 24px);
    height:min(844px,100dvh - 96px);
    background:#000000;border-radius:28px;overflow:hidden;cursor:text;
    box-shadow:0 0 0 1px rgba(255,255,255,.12), 0 30px 80px rgba(0,0,0,.6);
  }
  canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
  /* off-screen capture input for the login prompt */
  #term{position:fixed;left:0;bottom:0;width:1px;height:1px;opacity:0;border:0;padding:0;margin:0;font-size:16px;pointer-events:none}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#restart-login{position:absolute;right:16px;bottom:12px;z-index:1;color:#1f9a48;background:#000;border:0;font:20px IBMVGA,monospace;cursor:pointer}#logout-submit{position:absolute;left:16px;bottom:40px;color:#c6c6c6;background:#000;border:0;font:24px IBMVGA,monospace;cursor:pointer}

/* Automatic full-screen desktop or rounded mobile device panel. */
html:not([data-terminal-mode="mobile"]) .outer{background:#000}
html:not([data-terminal-mode="mobile"]) .screen{width:100vw;height:100dvh;border-radius:0;box-shadow:none}
@media(max-width:640px){html:not([data-terminal-mode]) .outer{background:#0b0b0c}html:not([data-terminal-mode]) .screen{width:min(390px,100vw - 24px);height:min(844px,100dvh - 96px);border-radius:28px;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 30px 80px rgba(0,0,0,.6)}}
footer[hidden]{display:none}

#geoip-source[hidden]{display:none}