html, body {
  margin: 0;
  width: 100%;
  height: 100%;
  background: #2a2230;
  overflow: hidden;
  overscroll-behavior: none;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
#stage {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2a2230;
}
#screen {
  display: block;
  background: #2a2230;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
  outline: none;
  touch-action: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
#touch {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 2;
}
#touch[hidden] { display: none; }
.t-part {
  position: fixed;
  pointer-events: auto;
  touch-action: none;
  opacity: 0.82;
}
.t-part canvas {
  display: block;
  width: 100%;
  height: 100%;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
}
.t-deck {
  position: fixed;
  pointer-events: none;
  z-index: 0;
}
.t-deck[hidden] { display: none; }
.t-deck canvas {
  display: block;
  width: 100%;
  height: 100%;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
}
.t-part { z-index: 1; }
.noscript {
  position: fixed;
  inset: auto 0 40% 0;
  margin: 0;
  color: #ddd;
  text-align: center;
  font: 16px "DotGothic16", monospace;
}
#tip {
  --u: 2;
  position: fixed;
  z-index: 3;
  box-sizing: border-box;
  margin: 0;
  padding: calc(var(--u) * 2px) calc(var(--u) * 7px) calc(var(--u) * 3px);
  min-height: max(32px, calc(var(--u) * 16px));
  display: flex;
  align-items: center;
  font-family: "DotGothic16", monospace;
  font-size: calc(var(--u) * 11px);
  line-height: 1.2;
  white-space: nowrap;
  color: #5a4636;
  background: #fff6e8;
  border: calc(var(--u) * 1px) solid #5a4636;
  box-shadow: inset 0 0 0 calc(var(--u) * 1px) #c9a878, 0 calc(var(--u) * 2px) 0 #b89870;
  text-decoration: none;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
}
#tip[hidden] { display: none; }
#tip:hover { background: #fdecd0; color: #e8801e; }
#tip:active { transform: translateY(calc(var(--u) * 1px)); box-shadow: inset 0 0 0 calc(var(--u) * 1px) #c9a878; }