/* Compatibility layer for the preserved 1996 table/frame layout. */
html {
  background: #000;
}

body {
  background-color: #000;
  zoom: 2;
  transform-origin: 0 0;
}

img,
embed,
object,
applet,
video {
  vertical-align: bottom;
}

blink {
  animation: stfc-blink 1s steps(1, end) infinite;
}

@keyframes stfc-blink {
  50% {
    visibility: hidden;
  }
}

.stfc-plugin-fallback {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  background: #000;
  color: #ff9f4b;
  border: 1px solid #333;
  font: 11px Arial, Helvetica, sans-serif;
  text-align: center;
  vertical-align: bottom;
}

.stfc-plugin-fallback img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border: 0;
}

.stfc-plugin-fallback.has-preview {
  border: 0;
}

.stfc-plugin-fallback.has-preview .stfc-plugin-label {
  display: none;
}

.stfc-borg-world-placeholder {
  border: 0;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}

.stfc-plugin-label {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2px 4px;
  color: #ff9f4b;
  background: rgba(0, 0, 0, 0.78);
  line-height: 13px;
}

.stfc-plugin-fallback:not(.has-preview) .stfc-plugin-label {
  position: static;
  display: table-cell;
  width: inherit;
  height: inherit;
  padding: 4px;
  vertical-align: middle;
}

.stfc-legacy-panel {
  display: inline-block;
  box-sizing: border-box;
  background: #000;
  color: #00ff21;
  border: 1px solid #333;
  font: 12px Arial, Helvetica, sans-serif;
  text-align: center;
  vertical-align: bottom;
}

.stfc-legacy-panel button {
  margin: 2px;
  padding: 1px 6px;
  color: #00ff21;
  background: #000;
  border: 1px solid #00ff21;
  font: 11px Arial, Helvetica, sans-serif;
}

.stfc-borg-panel {
  display: inline-block;
  position: relative;
  overflow: hidden;
  background: #000;
  vertical-align: bottom;
}

.stfc-borg-panel-bg {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.stfc-borg-score-value {
  position: absolute;
  left: 386px;
  top: 29px;
  width: 52px;
  color: #00ff21;
  font: bold 10px "Courier New", monospace;
  text-align: center;
  line-height: 12px;
}

.stfc-borg-hotspot {
  position: absolute;
  display: block;
  padding: 0;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.stfc-borg-hotspot:focus {
  outline: 1px solid #ff0000;
  outline-offset: -1px;
}

.stfc-borg-up {
  left: 57px;
  top: 27px;
  width: 52px;
  height: 25px;
}

.stfc-borg-down {
  left: 57px;
  top: 75px;
  width: 52px;
  height: 25px;
}

.stfc-borg-left {
  left: 17px;
  top: 52px;
  width: 51px;
  height: 31px;
}

.stfc-borg-right {
  left: 98px;
  top: 52px;
  width: 52px;
  height: 31px;
}

.stfc-borg-start {
  left: 383px;
  top: 91px;
  width: 55px;
  height: 18px;
}

.stfc-borg-phaser {
  left: 152px;
  top: 77px;
  width: 84px;
  height: 24px;
}

.stfc-borg-mod {
  left: 154px;
  top: 28px;
  width: 73px;
  height: 18px;
}

.stfc-vrml-canvas {
  display: inline-block;
  background: #000;
  vertical-align: bottom;
}

.stfc-vrml-canvas:focus {
  outline: 1px solid #ff9f4b;
  outline-offset: -1px;
}

.stfc-lightbox {
  position: fixed;
  z-index: 2147483647;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(0, 0, 0, 0.88);
}

.stfc-lightbox.open {
  display: flex;
}

.stfc-lightbox-inner {
  position: relative;
  max-width: 96vw;
  max-height: 94vh;
  color: #fff;
  text-align: center;
}

.stfc-lightbox img,
.stfc-lightbox video {
  display: block;
  max-width: 96vw;
  max-height: 90vh;
  width: auto;
  height: auto;
  background: #000;
  border: 0;
}

.stfc-lightbox-close {
  position: absolute;
  top: -22px;
  right: 0;
  color: #ff9f4b;
  background: transparent;
  border: 0;
  font: bold 18px Arial, Helvetica, sans-serif;
  cursor: pointer;
}

.stfc-lightbox-caption {
  margin-top: 5px;
  color: #7a9ccc;
  font: 12px Arial, Helvetica, sans-serif;
}