html,
body {
  margin: 0;
  height: 100%;
  overflow: hidden;
}
label,
button {
  cursor: pointer;
}
#Console {
  position: absolute;
  z-index: 100;
  bottom: 0;
  left: 0;
}
/*# sourceMappingURL=style.css.map */#Play {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  justify-content: center;
  align-items: center;
  display: none;
}
#Play #Stage {
  text-align: center;
  position: absolute;
  user-select: none;
  will-change: transform;
}
#Play #Stage.immediate {
  transition: none;
}
#Play #Stage > canvas {
  image-rendering: pixelated;
}
#Play #Message {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 0.5em;
  font-size: 1.5em;
  background: Black;
  cursor: pointer;
}
#Play #Status {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  padding: 0.5em;
  font-size: 1.5em;
  background: Black;
}
#Play #Status > * {
  display: inline-block;
  border: none;
}
/*# sourceMappingURL=play.css.map */#Inventory {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  background: Black;
  color: White;
  padding: 1em;
  font-size: 1.5em;
}
#Inventory > #InventoryItems {
  margin-top: 0.5em;
}
#Inventory > #InventoryItems > button {
  display: block;
  border: none;
  text-align: left;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
/*# sourceMappingURL=inventory.css.map */#History {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  background: Black;
  color: White;
  padding: 1em;
  font-size: 1.5em;
  overflow: auto;
}
/*# sourceMappingURL=history.css.map */#Info {
  user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  text-align: center;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
#Info.visible {
  display: flex;
}
#Info > div {
  background: Black;
  border: double 3px White;
  padding: 2em;
  padding-top: 1em;
}
#Info > div > div.name {
  font-size: 1.5em;
}
#Info > div > div.sprite {
  margin-top: 1em;
  line-height: 0.6em;
}
/*# sourceMappingURL=info.css.map */body {
  --color: White;
  --background: Black;
  --hover-color: White;
  --hover-background: #333;
  --disabled-color: #999;
  color: var(--color);
  background: var(--background);
  font-family: monospace;
}
label,
button {
  font: inherit;
  color: var(--color);
  background: var(--background);
  border: solid 1px var(--color);
  box-sizing: border-box;
}
label:hover,
button:hover {
  color: var(--hover-color);
  background: var(--hover-background);
}
label[disabled],
button[disabled] {
  cursor: default;
  color: var(--disabled-color);
  border-color: var(--disabled-color);
}
label[disabled]:hover,
button[disabled]:hover {
  color: var(--disabled-color);
  background: var(--background);
}
/*# sourceMappingURL=style.css.map */#Menu {
  padding-top: 1em;
  text-align: center;
}
#Menu .Title {
  font-size: 2em;
}
#Menu > div {
  display: none;
}
#Menu > div[data-rel="Main"] {
  display: block;
}
#Menu label,
#Menu button {
  display: block;
  margin: 1em auto 0;
  font-size: 1.25em;
  width: 17em;
  padding: 0.5em;
  text-align: left;
}
#Menu > [data-rel='Episodes-6'] button {
  width: 22em;
}
#Menu > [data-rel='Controls'] > div.Content {
  text-align: left;
  width: 20em;
  margin: auto;
  margin-top: 1em;
}
#Menu > [data-rel='Controls'] > div.Content > button {
  display: flex;
  border: none;
  padding: 0;
  margin: 0;
  font-size: inherit;
  width: 100%;
  border-bottom: dotted 1px #333;
}
#Menu > [data-rel='Controls'] > div.Content > button.selected {
  background: #067;
}
#Menu > [data-rel='Controls'] > div.Content > button > span {
  flex: 1;
}
#Menu > [data-rel='Controls'] > div.Content > button > span:last-child {
  text-align: right;
}
/*# sourceMappingURL=menu.css.map */#Summary {
  padding-top: 1em;
  text-align: center;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: Black;
}
#Summary > div {
  width: 12em;
  margin: auto;
  text-align: left;
  display: flex;
  font-size: 1.25em;
  line-height: 2em;
}
#Summary > div > span {
  flex: 1;
  text-align: right;
}
#Summary #SummaryTitle {
  font-size: 2em;
  width: 9em;
  margin: 1em auto;
  text-align: center;
  line-height: initial;
}
#Summary button {
  display: block;
  margin: 1em auto 0;
  font-size: 1.25em;
  width: 12em;
  padding: 0.5em;
}
/*# sourceMappingURL=summary.css.map */#win table {
  font-family: monospace;
  font-size: 1em;
  text-align: center;
  line-height: 0.6em;
  opacity: 0;
  background: Black;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: fadein 4s ease-in forwards;
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
c0 {
  color: rgba(255, 255, 255, 0);
}
c1 {
  color: #ffc7a6;
}
c2 {
  color: #eb8e59;
}
c3 {
  color: #cf6100;
}
c4 {
  color: #e76d00;
}
c5 {
  color: #ff7900;
}
c6 {
  color: #8a5930;
}
c7 {
  color: #553c1c;
}
c8 {
  color: #b65500;
}
c9 {
  color: #ffa671;
}
c10 {
  color: #d38251;
}
c11 {
  color: #b6b6b6;
}
c12 {
  color: #925d34;
}
c13 {
  color: #6d4924;
}
c14 {
  color: #9e6138;
}
c15 {
  color: #b67145;
}
c16 {
  color: #cb7d4d;
}
c17 {
  color: #754d28;
}
c18 {
  color: #9a9a9a;
}
c19 {
  color: #8e8e8e;
}
c20 {
  color: #717171;
}
c21 {
  color: #aaaaaa;
}
c22 {
  color: #df8a55;
}
c23 {
  color: #be7949;
}
c24 {
  color: #ffb282;
}
c25 {
  color: #aa6941;
}
c26 {
  color: #494949;
}
c27 {
  color: #0000ff;
}
c28 {
  color: #7d7d7d;
}
c29 {
  color: #555555;
}
c30 {
  color: #ffba92;
}
c31 {
  color: #ff9e61;
}
c32 {
  color: #656565;
}
c33 {
  color: #ffdbc7;
}
c34 {
  color: #5d4120;
}
c35 {
  color: #382c14;
}
c36 {
  color: #82512c;
}
c37 {
  color: #8a0000;
}
c38 {
  color: #a2653c;
}
c39 {
  color: #9a0000;
}
c40 {
  color: #650000;
}
c41 {
  color: #000000;
}
c42 {
  color: #2c2c2c;
}
c43 {
  color: #383838;
}
c44 {
  color: #5d5d5d;
}
c45 {
  color: #be0000;
}
c46 {
  color: #414141;
}
c47 {
  color: #cb0000;
}
c48 {
  color: #202020;
}
c49 {
  color: #590000;
}
c50 {
  color: #000041;
}
c51 {
  color: #00001c;
}
c52 {
  color: #410000;
}
c53 {
  color: #000034;
}
c54 {
  color: #00002c;
}
c55 {
  color: #4d0000;
}
c56 {
  color: #710000;
}
/*# sourceMappingURL=win.css.map */