body { font-family: sans-serif; }
table { border-collapse: collapse; }
td {
  width: 23px;
  height: 23px;
  border: 1px solid #aaa;
  text-align: center;
  cursor: pointer;
}
.selected {
  outline: 4px solid gray;
  outline-offset: -1px;
  border: 2px solid gray !important;
}
.action-link {
  cursor: pointer;
  color: blue;
  text-decoration: underline;
}
.next-action {
  color: #012073 !important;
}
.sea { background-color: #66b3ff; }
.port { background-color: #1f78b4; }
.oilRig { background: linear-gradient(#66b3ff, #004b8d); }
.plain { background-color: #dfffcc; }
.waste { background-color: #bbbbbb; }
.forest { background-color: #228B22; }
.mountain { background: linear-gradient(#705335, #4b3621); }
.farm { background-color: #b5e07a; }
.house { background-color: #fff3c4; }
.factory { background-color: #ccccff; }
.gun { background-color: #666666; }
.defenseFacility { background-color: #ff77aa; }
.Monument { background-color: #d4c17d; }
.warship { background: linear-gradient(#66b3ff, #4682B4); }
.warship-dispatched { background-color: #002f5f; color: #fff; }
.warship-wreckage { background-color: #333; color: #ccc; }
  .log-red {
    color: red;
  }
  .log-cyan {
    color: blue;
  }
  .log-whisper {
    color: rgba(0, 0, 0, 0.35);
  }
  #logStatusLine1, #logStatusLine2 {
    font-weight: bold;
  }
  .log-status-danger {
    color: #8b0000;
  }
  .log-status-info {
    color: #0b4fa3;
  }
  .log-status-muted {
    color: #666;
  }
  .warship-medal {
    width: 1em;
    height: 1em;
    vertical-align: text-bottom;
    margin-left: 2px;
  }
  #warshipBuildInputs {
      display: none;
      margin-top: 1em;
      border: 1px solid #ccc;
      padding: 10px;
      background-color: #f9f9f9;
  }
  #warshipBuildInputs label {
      display: inline-block;
      width: 100px;
      margin-bottom: 5px;
  }
  #warshipBuildInputs input[type="text"],
  #warshipBuildInputs input[type="number"] {
      width: 150px;
      margin-bottom: 5px;
  }
  .warship-name-cap-2 {
    color: green;
  }
  .warship-name-cap-3 {
    color: blue;
  }
  .warship-name-cap-4 {
    color: purple;
  }
  .warship-name-cap-5 {
    color: red;
  }
 .warship-sp {
    color: orange;
  }

/* 背景のオーバーレイ */
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}
/* ポップアップの中身 */
.modal-content {
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  width: 80%;
  max-width: 700px;
  max-height: 85vh;
  overflow-y: auto;
  text-align: center;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}


noscript {
  display: block;
}
.NOJS-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #dfd;
  color: #000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center; 
  font-family: sans-serif;
  padding: 20px;
}
/* メッセージの装飾 */
.NOJS-overlay h2 {
  font-size: 2rem;
  margin-bottom: 1rem;
  color: #161;
}
.NOJS-overlay p {
  font-size: 1.1rem;
  line-height: 1.6;
  max-width: 600px;
}

.settings-note {
  font-size: 0.85em;
  color: #666;
}
.settings-list {
  text-align: left;
  margin: 0 auto 1em;
  max-width: 620px;
}
.settings-list label {
  display: block;
  margin: 0.45em 0;
}