body {
      margin: 0;
      padding: 0;
      background: black;
      color: white;
      font-family: sans-serif;
      text-align: center;
    }
    img {
      width: 90%;
      max-width: 400px;
      margin-top: 40px;
    }
    p {
      margin: 20px;
      line-height: 1.6;
    }
    button {
      display: block;
      margin: 20px auto;
      padding: 12px 24px;
      font-size: 1rem;
      background: white;
      color: black;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      width: 80%;
      max-width: 300px;
    }
    #copy {font-size: 0.75rem; color: #888; margin-bottom: 20px;}

    /* ── ① 通常の img は従来どおり */
img:not(.badge) {
  width: 90%;
  max-width: 400px;
  margin-top: 40px;
}

/* ── ② バッジ用コンテナを横並びに */
#buttonContainer {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin: 32px 0;
}

/* ── ③ バッジ画像だけ別スタイル */
img.badge {
  width: auto;      /* 縦横比を維持 */
  height: 60px;     /* お好みの高さに調整 */
  display: block;
}