.sakana-box {
  width: 500px;
  height: 800px;
  position: relative;
  transform-origin: 50% 100%;
  pointer-events: none;
}
.sakana-box canvas {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.sakana-box .sakana-character {
  width: 300px;
  height: 300px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 260px;
  cursor: pointer;
  pointer-events: auto;
  transform-origin: 50% 400px;
  background: no-repeat 50% 50%;
  background-size: contain;
}
.sakana-box .sakana-character[data-character="chisato"] {
  background-image: url(/static/img/naqia-cry.png);
}
.sakana-box .sakana-character[data-character="takina"] {
  background-image: url(/static/img/mbcc-serious.png);
}
.sakana-box .sakana-character[data-character="player"] {
  background-image: url(/static/img/lihui_player_zhanzi_f.png);
}
.sakana-box .sakana-character[data-character="sumire"] {
  background-image: url(/static/img/lihui_jin_zhanzi.png);
}
.sakana-box .sakana-character[data-character="stargazer"] {
  background-image: url(/static/img/lihui_anarkia_zhanzi.png);
}
.sakana-box .sakana-character[data-character="hamel"] {
  background-image: url(/static/img/lihui_hameier_zhanzi.png);
}
.sakana-box .sakana-bed {
  width: 160px;
  height: 20px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5) no-repeat 50% 50%;
  border-radius: 2px;
  cursor: pointer;
  background-image: url(blue00f4.png);
  background-size: 20px 20px;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05);
}
.sakana-box[data-can-switch-character="true"] .sakana-bed {
  pointer-events: auto;
}