/* 容器：控制WANA和对话框一起动 */
#wana-container {
    position: fixed;
    bottom: 10px;
    left: 0;
    height: 85px;
    width: 85px; /* 宽度由内容撑开 */
    user-select: none;
    cursor: pointer;
    z-index: 9999;
    pointer-events: auto;
  }
  
  /* WANA形象 */
  .wana-image {
  width: 85px;
  height: 85px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  user-select: none;
  image-rendering: pixelated;
  object-fit: contain;
  transition: none;
}
  
  /* 对话框在WANA上方 */
  #wana-dialogue-box {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    max-width: 280px;
    padding: 12px 20px;
    font-family: 'Press Start 2P', cursive, monospace;
    font-weight: bold;
    font-size: 20px;
    background: white;
    border: 4px solid black;
    border-radius: 12px;
    color: #d00000;
    background: linear-gradient(135deg, #000000 0%, #800000 50%, #d00000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    box-shadow:
      inset 0 0 0 3px black,
      4px 4px 0 0 black;
    text-shadow:
      1px 1px 0 black,
      2px 2px 0 #700000,
      3px 3px 0 #d00000;
    user-select: none;
    pointer-events: none;
    z-index: 10;
  }

  .wana-image.hidden {
    opacity: 0;
    pointer-events: none;
    object-fit: contain;
  }
  
  /* #wana-container.wana-flipped {
    transform: scaleX(-1); 左右翻转 */
    /* transition: none;
  } */

  .wana-flipped {
    transform: scaleX(-1);
    transition: none; /* 取消动画 */
  }
  
  .hidden {
    opacity: 0;
    pointer-events: none;
  }