body {
  margin: 20px;
  font-family: sans-serif;
}
h1,h2,h3 {
  margin-bottom: 10px;
}
.container {
  display: flex;
  gap: 20px;
}

/* ギルドブロック */
.guild-block {
  border: 1px solid #ccc;
  padding: 10px;
  width: 320px;
  border-radius: 4px;
  margin-bottom: 10px;
}
.guild-block h2 {
  margin-top: 0;
}
.row {
  margin: 5px 0;
}
.row label {
  display: inline-block;
  width: 110px;
  font-weight: bold;
}
.result-block {
  margin-top: 10px;
  border: 1px solid #ccc;
  background: #f9f9f9;
  padding: 8px;
  border-radius: 4px;
  /* ★削除: display:none; → 常時表示 */
}

/* 下部ギルド情報(表示のみ) + コマンド */
.guild-info {
  border: 1px solid #ccc;
  padding: 10px;
  border-radius:4px;
  width:280px;
}
.guild-row {
  margin:5px 0;
  display:flex;
  justify-content: space-between;
}
.guild-row label {
  margin-right:10px;
}
.result-line {
  margin:5px 0;
}
.result-line span {
  display:inline-block;
  width:100px;
}

/* コマンドカード */
.command-item {
  margin: 3px;
  padding: 5px;
  border-radius: 4px;
  color: #fff;
  cursor: move;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.command-label {
  font-weight: bold;
}
/* ギルド色 */
.guild1 { background-color: #FDC314; }
.guild2 { background-color: #FD7393; }
.guild3 { background-color: #57BBF5; }
.guild4 { background-color: #77D15A; }

.drag-over {
  border:2px dashed #333;
}

/* アコーディオン */
.accordion {
  border:1px solid #ccc;
  padding:5px;
  border-radius:4px;
  background:#fefefe;
}
details summary {
  cursor:pointer;
  font-weight:bold;
}

/* GP表示情報表示領域 */
.gp-display-item {
  margin: 5px 0;
  padding: 5px;
  border: 1px solid #999;
  border-radius: 4px;
  background-color: #e0e0e0;
}
.gp-display-item ul {
  list-style-type: none;
  padding-left: 0;
}
.gp-display-item li {
  margin: 2px 0;
}