/*
 * compat.css -- the small set of rules needed to keep the 1997 layout looking
 * the way it did once modern Chrome gets hold of it.
 *
 * This is deliberately minimal.  The original tables, <CENTER>, <FONT>, <TT>,
 * BODY BGCOLOR/TEXT/LINK and background tiles all still work natively, so
 * nothing here restyles the site -- it only pins down the couple of defaults
 * that drifted and gives the replaced plugin boxes the same footprint the
 * plugins used to occupy.
 */

/* Flash movies used to sit inline in the flow at their EMBED size. */
.swf-embed {
  display: inline-block;
  vertical-align: top;
  line-height: 0;
  position: relative;
}
.swf-embed .swf-canvas {
  display: block;
}

/* Until the movie has parsed, hold the exact box the plugin reserved so the
   surrounding layout never reflows. */
.swf-embed:not(.swf-ready)::before {
  content: "";
  display: block;
  width: var(--swf-w, 0px);
  height: var(--swf-h, 0px);
}

/* HTML5 video standing in for the old QuickTime/plugin embeds. */
video.eh-video {
  display: block;
  background: #000;
}

/* Host box for a recreated Director movie; holds the original stage size so
   the page does not reflow while the stage builds. */
.dcr-host {
  display: inline-block;
  background: #000;
}
.dcr-host img {
  image-rendering: pixelated;   /* 1-bit Director art, keep the hard edges */
}
.dcr-stage img.dcr-tile {
  pointer-events: none;         /* the arrow hotspots sit under the tiles */
}
.dcr-stage .dcr-hotspot:focus-visible {
  outline: 2px solid #6f6;
  outline-offset: -2px;
}
.dcr-stage .dcr-again {
  font: inherit;
  margin-left: 6px;
  cursor: pointer;
}

/* Escape hatch on the engineering puzzle; styled to read as one of the
   site's own links rather than a browser button. */
.dcr-stage .dcr-solve {
  background: none;
  border: 0;
  padding: 2px 4px;
  color: #f49251;
  font: 11px/1 monospace;
  text-decoration: underline;
  text-shadow: 0 0 4px #000, 0 0 4px #000;
}
.dcr-stage .dcr-solve:hover,
.dcr-stage .dcr-solve:focus-visible {
  color: #ffd0a8;
}
.dcr-stage .dcr-note {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 6px 8px;
  background: rgba(0, 0, 0, .72);
  color: #fff;
  font: 12px/1.5 monospace;
  text-align: center;
}

/* The Shockwave Director pieces that have no runnable replacement; the box
   keeps the original footprint and the original artwork behind it. */
.dcr-missing {
  display: inline-block;
  position: relative;
  background: #000 center center no-repeat;
  color: #ffffff;
  font: 12px/1.5 monospace;
  text-align: center;
  overflow: hidden;
}
.dcr-missing .dcr-note {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 6px 8px;
  background: rgba(0, 0, 0, .72);
}