html {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  height: 100%
}

body {
  font-family: 'Press Start 2P', cursive;
  background-color: black;
  color: white;
  text-align: center;
  height: 100%;
  padding: 0;
  margin: 0
}

table {
  display: block;
  width: 600px;
  margin: auto;
  text-align: right
}

h1 {
  color: cyan;
  text-shadow: 2px 2px 0px blue;
  text-align: center
}

h2 {
  font-size: 18px;
  text-transform: uppercase
}

td,
th {
  padding-bottom: 20px;
  text-shadow: 1px 1px 1px blue
}

th {
  text-shadow: 1px 1px 1px #ff00ff;
  text-transform: uppercase
}

a:link,
a:visited {
  color: white;
  text-shadow: 1px 1px 1px blue
}

tr.first td,
tr.first a:link,
tr.first a:visited {
  color: yellow;
  text-shadow: 2px 2px 0px #ff6600
}

tr.second td,
tr.second a:link,
tr.second a:visited {
  color: #ff6600;
  text-shadow: 2px 2px 0px #660000
}

tr.third td,
tr.third a:link,
tr.third a:visited {
  color: red;
  text-shadow: 2px 2px 0px darkblue
}

a:hover {
  color: lime !important;
  text-shadow: 2px 2px 0 green !important
}

form {
  display: block;
  z-index: 100;
  margin: 50px auto;
  width: 300px
}

.agentic-note {
  margin: 18px auto 0;
  max-width: 52em;
  color: #8aa;
  font-size: 10px;
  line-height: 1.9
}

.agentic-note code {
  color: #aef;
  background-color: rgba(120, 180, 200, 0.12);
  padding: 1px 4px
}

.agentic-note a {
  color: #8aa !important
}

.agentic-note a:hover {
  color: #bde !important
}

input,
button {
  color: blue;
  font-size: 20px;
  padding: 8px;
  display: block;
  border: 1px transparent solid;
  border-radius: 4px
}

input {
  margin-bottom: 5px;
  background-color: #333;
  color: white;
  width: 100%;
  box-sizing: border-box
}

input[type="submit"] {
  width: 100%;
  border: none;
  background-color: cyan;
  color: black;
  padding: 10px
}

input[type="submit"]:hover {
  background-color: green;
  color: white;
  cursor: pointer
}

input:focus {
  outline: none;
  border: 1px cyan solid
}

@keyframes flicker {
  0% {
    opacity: 0.5653432374
  }

  5% {
    opacity: 0.3165638103
  }

  10% {
    opacity: 0.7318258636
  }

  15% {
    opacity: 0.4089781233
  }

  20% {
    opacity: 0.3527949078
  }

  25% {
    opacity: 0.4756593109
  }

  30% {
    opacity: 0.6095533545
  }

  35% {
    opacity: 0.5365721133
  }

  40% {
    opacity: 0.0971368667
  }

  45% {
    opacity: 0.1397790444
  }

  50% {
    opacity: 0.8492459919
  }

  55% {
    opacity: 0.8191322522
  }

  60% {
    opacity: 0.4090737401
  }

  65% {
    opacity: 0.8440610366
  }

  70% {
    opacity: 0.2267373119
  }

  75% {
    opacity: 0.4001144203
  }

  80% {
    opacity: 0.5850991193
  }

  85% {
    opacity: 0.1708481362
  }

  90% {
    opacity: 0.076199537
  }

  95% {
    opacity: 0.6103613495
  }

  100% {
    opacity: 0.6211891827
  }
}

.container {
  min-height: 100%;
  box-sizing: border-box;
  position: relative
}

.container .container__inner {
  padding: 100px
}

.container:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(18, 16, 16, 0.1);
  opacity: 0;
  z-index: 2;
  pointer-events: none
}

.container:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  z-index: 2;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none
}

.container::after {
  animation: flicker 0.15s infinite
}

@keyframes overlay-anim {
  0% {
    visibility: hidden
  }

  20% {
    visibility: hidden
  }

  21% {
    visibility: visible
  }

  100% {
    visibility: hidden
  }
}

.container .overlay {
  animation: overlay-anim 5s linear;
  animation-fill-mode: forwards
}

.press {
  margin: 60px auto 0;
  max-width: 44em;
  font-size: 10px;
  line-height: 2.2;
  color: #888
}

.press a {
  color: #aaa;
  text-shadow: none
}

.footer {
  margin-top: 50px;
  font-size: 12px
}

.footer a {
  text-decoration: none;
  color: #555
}