
body {
  margin: 8px;
  background: #000000 url(/static/img/starfield.gif);
  color: #00FF00;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

a:link {
  color: #00FFFF;
}

a:visited {
  color: #00CCCC;
}

a:active,
a:hover {
  color: #FFFF00;
}

a img {
  border: 0;
}

h1,
h2,
h3 {
  color: #FFFF00;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
  font-size: 24px;
  line-height: 30px;
}

h2 {
  font-size: 18px;
  line-height: 24px;
  margin: 8px 0;
}

h3 {
  font-size: 14px;
  line-height: 19px;
  margin: 16px 0 8px 0;
}

table.shell {
  table-layout: fixed;
}

.bestviewed {
  color: #FFFF00;
  font-size: 11px;
  margin: 4px 0 6px 0;
}

.menu {
  padding: 8px 0 4px 0;
  font-weight: bold;
  color: #FFFF00;
}

.content {
  padding: 8px 16px 12px 16px;
}

.foot {
  padding: 4px 0 12px 0;
  font-size: 11px;
  line-height: 16px;
  color: #00FFFF;
}

.small {
  font-size: 10px;
}

.sidebar {
  color: #00FFFF;
}

.undercon {
  margin: 4px 0;
}

.edited {
  font-size: 10px;
  color: #00CCCC;
  margin: 16px 0 0 0;
}

.boostrow {
  padding: 8px 0 4px 0;
}

#slowwarn img {
  width: 468px;
  height: 60px;
  border: 0;
}

#speedboost {
  display: none;
}

html.on56k #slowwarn {
  display: none;
}

html.on56k #speedboost {
  display: block;
}

#slowbar {
  display: none;
}

html.on56k #slowbar {
  display: block;
  box-sizing: border-box;
  width: 760px;
  margin: 0 auto 4px auto;
  padding: 6px 0;
  text-align: center;
  background: #00FF00;
  border: 3px ridge #FFFF00;
}

.slowbartext {
  margin: 0 12px 0 0;
  font: bold 14px/20px 'Arial Black', Arial, Helvetica, sans-serif;
  color: #000000;
}

#slowbarbtn {
  display: inline-block;
  padding: 4px 20px;
  font: bold 16px/20px Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  background: #000000;
  border: 3px solid #FFFFFF;
  text-decoration: none;
}

#slowbarbtn:hover {
  color: #FFFF00;
  border-color: #FFFF00;
}

#install {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2147483640;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
}

.installpanel {
  width: 520px;
  padding: 12px;
  text-align: center;
  background: #000080;
  border: 3px ridge #FFFF00;
}

.installhead {
  margin: 0 0 8px 0;
  font: bold 18px/24px 'Arial Black', Arial, Helvetica, sans-serif;
  color: #FFFF00;
}

.installterm {
  height: 144px;
  overflow: hidden;
  text-align: left;
  border: 2px inset #C0C0C0;
}

.installdone {
  display: none;
  margin: 10px 0 0 0;
}

.installbig {
  font: bold 24px/30px 'Arial Black', Arial, Helvetica, sans-serif;
  color: #00FF00;
}

.installsub {
  margin: 4px 0 10px 0;
  font: bold 16px/20px Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
}

.installbtn {
  padding: 4px 20px;
  font: bold 16px/20px Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  background: #000000;
  border: 3px solid #FFFFFF;
}

.installbtn:hover {
  color: #FFFF00;
  border-color: #FFFF00;
}

.installcancel {
  margin: 10px 0 0 0;
}

.gloat {
  width: 468px;
  min-height: 60px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 4px 8px;
  background: #00FF00;
  color: #000000;
  border: 3px ridge #FFFF00;
  font-family: 'Arial Black', Arial, Helvetica, sans-serif;
  text-align: center;
}

.gloathead {
  display: block;
  font-size: 17px;
  line-height: 22px;
  color: #FF0000;
  animation: gloatblink 0.9s steps(1) infinite;
}

.gloatsub {
  display: block;
  font-size: 12px;
  line-height: 16px;
}

.gloatoff {
  display: block;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
  font-weight: bold;
}

.gloat a:link,
.gloat a:visited {
  color: #0000FF;
}

.gloat a:hover,
.gloat a:active {
  color: #FF00FF;
}

@keyframes gloatblink {
  50% {
    color: #0000FF;
  }
}

.modemline {
  margin: 4px 0 0 0;
  font-size: 11px;
  color: #FFFF00;
}

.modemline img {
  vertical-align: middle;
}

.modemtext {
  display: none;
}

body.textonly {
  background-image: none;
}

body.textonly .deco {
  display: none;
}

body.textonly .gloathead {
  animation: none;
}

body.textonly .modemicon {
  display: none;
}

body.textonly .modemtext {
  display: inline;
}

.phpbb {
  padding: 8px;
  background: #E5E5E5;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: normal;
}

.phpbb a:link,
.phpbb a:active,
.phpbb a:visited {
  color: #006699;
}

.phpbb a:hover {
  color: #DD6900;
  text-decoration: underline;
}

.phpbb td.bodyline {
  background: #FFFFFF;
  border: 1px solid #98AAB1;
}

.phpbb table.forumline {
  background: #FFFFFF;
  border: 2px solid #006699;
}

.phpbb td.row1 {
  background: #EFEFEF;
}

.phpbb td.row2 {
  background: #DEE3E7;
}

.phpbb td.rowpic {
  background: #FFFFFF url(/static/img/subsilver/cellpic2.jpg) repeat-y;
}

.phpbb th {
  height: 25px;
  color: #FFA34F;
  font-size: 11px;
  font-weight: bold;
  background: #006699 url(/static/img/subsilver/cellpic3.gif);
  border: 0 solid #FFFFFF;
}

.phpbb th.thTop {
  border-top-width: 1px;
}

.phpbb th.thCornerL {
  border-top-width: 1px;
  border-left-width: 1px;
}

.phpbb th.thCornerR {
  border-top-width: 1px;
  border-right-width: 1px;
}

.phpbb td.catLeft,
.phpbb td.catHead {
  height: 28px;
  background: #D1D7DC url(/static/img/subsilver/cellpic1.gif);
  border: 0 solid #FFFFFF;
}

.phpbb td.catLeft {
  border-left-width: 1px;
}

.phpbb td.catHead {
  border-width: 1px 1px 0 1px;
}

.phpbb .maintitle {
  color: #000000;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: bold;
  line-height: 120%;
}

.phpbb .gen,
.phpbb .genmed,
.phpbb .gensmall {
  color: #000000;
}

.phpbb .gen {
  font-size: 12px;
}

.phpbb .genmed {
  font-size: 11px;
}

.phpbb .gensmall {
  font-size: 10px;
}

.phpbb .mainmenu {
  color: #000000;
  font-size: 11px;
}

.phpbb .nav {
  color: #000000;
  font-size: 11px;
  font-weight: bold;
}

.phpbb .cattitle {
  color: #006699;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
}

.phpbb .forumlink {
  color: #006699;
  font-size: 12px;
  font-weight: bold;
}

.phpbb a.mainmenu,
.phpbb a.nav,
.phpbb a.cattitle,
.phpbb a.forumlink,
.phpbb a.copyright {
  text-decoration: none;
}

.phpbb a.mainmenu:hover,
.phpbb a.nav:hover,
.phpbb a.cattitle:hover,
.phpbb a.forumlink:hover {
  text-decoration: underline;
}

.phpbb .copyright {
  color: #444444;
  font-size: 10px;
  letter-spacing: -1px;
}

.phpbb a.copyright:link,
.phpbb a.copyright:visited {
  color: #444444;
}

.phpbb a.copyright:hover {
  color: #000000;
  text-decoration: underline;
}

.buttons img {
  margin: 2px;
}

.linkme textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 260px;
  height: 46px;
  margin: 4px auto 0 auto;
  font: 11px/13px 'Courier New', monospace;
  resize: none;
}

@font-face {
  font-family: 'PC437';
  src: url('/static/fonts/Web437_IBM_VGA_8x16.woff') format('woff');
  font-display: block;
}

.nfo {
  font-family: 'PC437', 'Px437 IBM VGA 8x16', 'Perfect DOS VGA 437', monospace;
  font-size: 16px;
  line-height: 16px;
  white-space: pre;
  letter-spacing: 0;
  word-spacing: 0;
  font-kerning: none;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "calt" 0, "kern" 0;
  font-synthesis: none;
  -webkit-font-smoothing: none;
  text-rendering: optimizeSpeed;
  tab-size: 8;
  overflow-x: auto;
  color: #AAAAAA;
  background: #000000;
  padding: 16px;
  margin: 0;
}

.nfo b,
.nfo .hi {
  color: #FFFFFF;
  font-weight: normal;
}

.nfo .lbl {
  color: #55FF55;
}

.nfo a:link,
.nfo a:active {
  color: #FFFF55;
}

.nfo a:visited {
  color: #FF55FF;
}

.nfo.releases {
  overflow-x: hidden;
}

table.gallery td {
  width: 156px;
  text-align: center;
  vertical-align: top;
  font-size: 11px;
  line-height: 15px;
}

table.gallery img {
  border: 1px solid #00FFFF;
}

.fakeframe {
  width: 600px;
  height: 400px;
  margin: 0 auto;
  overflow: auto;
  background: #FFFFFF;
  border: 2px inset #C0C0C0;
  cursor: auto;
}

.fakeframe::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}

.fakeframe::-webkit-scrollbar-track {
  background: repeating-conic-gradient(#C0C0C0 0 25%, #FFFFFF 0 50%) 0 0 / 2px 2px;
}

.fakeframe::-webkit-scrollbar-thumb,
.fakeframe::-webkit-scrollbar-button:single-button {
  background-color: #C0C0C0;
  box-shadow: inset -1px -1px #000000, inset 1px 1px #DFDFDF, inset -2px -2px #808080, inset 2px 2px #FFFFFF;
}

.fakeframe::-webkit-scrollbar-button:single-button {
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
}

.fakeframe::-webkit-scrollbar-button:start:increment,
.fakeframe::-webkit-scrollbar-button:end:decrement {
  display: none;
}

.fakeframe::-webkit-scrollbar-button:single-button:active {
  box-shadow: inset 1px 1px #808080, inset -1px -1px #808080;
  background-position: 1px 1px;
}

.fakeframe::-webkit-scrollbar-button:vertical:start:decrement {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'%3E%3Cpath d='M7 6h1v1H7zM6 7h3v1H6zM5 8h5v1H5zM4 9h7v1H4z'/%3E%3C/svg%3E");
}

.fakeframe::-webkit-scrollbar-button:vertical:end:increment {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'%3E%3Cpath d='M4 6h7v1H4zM5 7h5v1H5zM6 8h3v1H6zM7 9h1v1H7z'/%3E%3C/svg%3E");
}

.fakeframe::-webkit-scrollbar-button:horizontal:start:decrement {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'%3E%3Cpath d='M6 7h1v1H6zM7 6h1v3H7zM8 5h1v5H8zM9 4h1v7H9z'/%3E%3C/svg%3E");
}

.fakeframe::-webkit-scrollbar-button:horizontal:end:increment {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'%3E%3Cpath d='M6 4h1v7H6zM7 5h1v5H7zM8 6h1v3H8zM9 7h1v1H9z'/%3E%3C/svg%3E");
}

.fakeframe::-webkit-scrollbar-corner {
  background: #C0C0C0;
}

@supports not selector(::-webkit-scrollbar) {
  .fakeframe {
    scrollbar-color: #C0C0C0 #DFDFDF;
  }
}

#paint {
  display: block;
  margin: 8px 0;
  border: 2px inset #C0C0C0;
  cursor: crosshair;
  touch-action: none;
}

table.palette td {
  width: 20px;
  height: 20px;
  border: 2px outset #C0C0C0;
  cursor: pointer;
}

table.palette td.on {
  border: 2px inset #FFFFFF;
  outline: 1px solid #FFFF00;
}

.dialterm {
  width: 480px;
  height: 128px;
  overflow: hidden;
  border: 2px inset #C0C0C0;
}

#speccy {
  width: 640px;
  margin: 8px auto;
}

#speccykeys {
  display: none;
}

.neko {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2147483646;
  pointer-events: none;
}

body.textonly .neko {
  display: none;
}

#intro {
  background: #000000;
  cursor: pointer;
  display: block;
  margin: 0 auto;
}

html {
  cursor: url(/static/img/fire-cursor.cur) 9 5, url(/static/img/fire-cursor.png) 9 5, auto;
}

a[href],
area[href],
button,
select,
summary,
label[for],
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  cursor: pointer;
}

textarea,
input:not([type]),
input[type="text"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="tel"] {
  cursor: text;
}

body.textonly {
  cursor: auto;
}

html:has(body.textonly) {
  cursor: auto;
}

.firetrail {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2147483647;
  pointer-events: none;
  border: 0;
  visibility: hidden;
}

body.textonly .firetrail {
  display: none;
}

.queerme {
  text-decoration: none;
}

.queerme span {
  text-decoration: underline;
}

.queerme .q0 {
  color: #FF3B3B;
}

.queerme .q1 {
  color: #FF9F1C;
}

.queerme .q2 {
  color: #FFEE33;
}

.queerme .q3 {
  color: #33DD55;
}

.queerme .q4 {
  color: #4D8DFF;
}

html.queer {
  --q0: #FF3B3B;
  --q1: #FF9F1C;
  --q2: #FFEE33;
  --q3: #33DD55;
  --q4: #4D8DFF;
  --q5: #C061F0;
  --ink: linear-gradient(90deg, #FF3B3B, #FF9F1C, #FFEE33, #33DD55, #4D8DFF, #C061F0, #FF3B3B);
  --flag: linear-gradient(#E40303 0% 16.67%, #FF8C00 16.67% 33.33%, #FFED00 33.33% 50%, #008026 50% 66.67%, #004DFF 66.67% 83.33%, #750787 83.33% 100%);
  --frame: repeating-linear-gradient(#E40303 0px 32px, #FF8C00 32px 64px, #FFED00 64px 96px, #008026 96px 128px, #004DFF 128px 160px, #750787 160px 192px);
}

html.queer .q0 {
  color: var(--q0);
}

html.queer .q1 {
  color: var(--q1);
}

html.queer .q2 {
  color: var(--q2);
}

html.queer .q3 {
  color: var(--q3);
}

html.queer .q4 {
  color: var(--q4);
}

html.queer .q5 {
  color: var(--q5);
}

#oweyes {
  display: none;
}

html.queer #oweyes {
  display: block;
  width: 760px;
  margin: 0 auto 4px auto;
  padding: 6px 0;
  text-align: center;
  background-image: var(--flag);
}

#oweyesbtn {
  padding: 4px 20px;
  font: bold 16px/20px Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  background: #000000;
  border: 3px solid #FFFFFF;
}

#oweyesbtn:hover {
  color: #FFFF00;
  border-color: #FFFF00;
}

html.queer .content :is(p, li, dt, dd):not(:where(.phpbb *, #kg *, #kgab *)),
html.queer .bestviewed,
html.queer .menu,
html.queer .foot {
  background-image: var(--ink);
  background-size: 480px 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: queerdrift 8s linear infinite;
}

html.queer .content :is(p, li, dt, dd):not(:where(.phpbb *, #kg *, #kgab *)) a,
html.queer .menu a,
html.queer .foot a {
  color: transparent;
  text-decoration-color: var(--q0);
}

@keyframes queerdrift {
  to {
    background-position: 480px 0;
  }
}

html.queer img.bar {
  object-fit: none;
  object-position: -9999px 0;
  background-image: var(--flag);
}

.nfotext {
  display: block;
}

html.queer .nfotext {
  background-image: var(--frame);
  -webkit-background-clip: text;
  background-clip: text;
  animation: queerflow 120s linear infinite;
}

html.queer .nfo .fr,
html.queer .nfo .art {
  color: transparent;
}

@keyframes queerflow {
  to {
    background-position: 0 1920px;
  }
}

@keyframes queerhue {
  from {
    filter: hue-rotate(0deg) saturate(2);
  }

  to {
    filter: hue-rotate(360deg) saturate(2);
  }
}

html.queer body {
  background: #000000;
}

html.queer body::before {
  content: '';
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: #000000 url(/static/img/starfield.gif);
  animation: queerhue 12s linear infinite;
}

html.queer body.textonly::before {
  display: none;
}

html.queer img:not(.bar, .firetrail),
html.queer iframe {
  animation: queerhue 12s linear infinite;
}

html.queer .firetrail {
  object-fit: none;
  object-position: -9999px 0;
  background-image: linear-gradient(var(--s), var(--s)), linear-gradient(var(--s), var(--s));
  background-position: 50% 50%, 50% 50%;
  background-size: 2px 12px, 12px 2px;
  background-repeat: no-repeat;
}

html.queer .ft0 {
  --s: var(--q0);
}

html.queer .ft1 {
  --s: var(--q1);
}

html.queer .ft2 {
  --s: var(--q2);
}

html.queer .ft3 {
  --s: var(--q3);
}

html.queer .ft4 {
  --s: var(--q4);
}

html.queer .ft5 {
  --s: var(--q5);
}

@media (prefers-reduced-motion: reduce) {
  html.queer body::before,
  html.queer img:not(.bar, .firetrail),
  html.queer iframe {
    animation: none;
    filter: saturate(2);
  }

  html.queer .content :is(p, li, dt, dd):not(:where(.phpbb *, #kg *, #kgab *)),
  html.queer .bestviewed,
  html.queer .menu,
  html.queer .foot,
  html.queer .nfotext {
    animation: none;
  }
}