.mbnav-wrap{
  margin:10px 0 18px;
  font-size:14px;
  line-height:1.4;
}

.mbnav-wrap *{
  box-sizing:border-box;
}

.mbnav-bar{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  margin:0;
  padding:0;
}

.mbnav-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:4px 12px;
  border:1px solid #8fa7c5;
  border-bottom-color:#7d94b0;
  border-radius:10px 10px 0 0;
  background:linear-gradient(180deg,#eef4fb 0%,#d5e0ef 100%);
  color:#274773;
  font-size:13px;
  font-weight:700;
  line-height:1.1;
  text-decoration:none;
  cursor:pointer;
  white-space:nowrap;
  -webkit-tap-highlight-color:transparent;
}

.mbnav-tab:active{
  transform:translateY(1px);
}

.mbnav-tab.is-active{
  border-color:#c29122;
  border-bottom-color:#e9dfbf;
  background:linear-gradient(180deg,#ffe68d 0%,#e3b13d 100%);
  color:#4e3200;
}

.mbnav-stage{
  margin-top:-1px;
}

.mbnav-dropzone{
  display:block;
  margin:0;
  padding:0;
}

.mbnav-panel{
  display:none;
  margin:0 0 8px;
  padding:6px 6px 8px;
  border:1px solid #b79e65;
  border-top:none;
  background:#f7f3e6;
  box-shadow:0 3px 10px rgba(0,0,0,.08);
}

.mbnav-panel.is-open{
  display:block;
  animation:mbnavDrop .18s ease forwards;
}

@keyframes mbnavDrop{
  from{
    transform:translateY(-6px);
    opacity:0;
  }
  to{
    transform:translateY(0);
    opacity:1;
  }
}

.mbnav-links{
  display:flex;
  flex-direction:column;
  gap:0;
  margin:0;
  padding:0;
}

.mbnav-link{
  display:block;
  width:100%;
  min-height:30px;
  padding:6px 10px;
  border-top:1px solid #d9cfb7;
  border-left:1px solid #bca77a;
  border-right:1px solid #bca77a;
  background:#f8f4e7;
  color:#3f3420;
  font-size:12px;
  font-weight:500;
  line-height:1.2;
  text-decoration:none;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}

.mbnav-link:first-child{
  border-top:1px solid #bca77a;
}

.mbnav-link:last-child{
  border-bottom:1px solid #bca77a;
}

.mbnav-link:active{
  transform:translateY(1px);
}

.mbnav-link.is-active{
  background:linear-gradient(180deg,#ffe7a1 0%,#efc054 100%);
  color:#4b3000;
  border-left-color:#c58e1f;
  border-right-color:#c58e1f;
  border-top-color:#c58e1f;
  border-bottom-color:#c58e1f;
  font-weight:700;
}

.mbnav-close{
  display:block;
  width:100%;
  margin-top:6px;
  padding:6px 10px;
  border:1px solid #a99b7b;
  background:#ebe5d6;
  color:#5a5345;
  font-size:12px;
  line-height:1.2;
  text-align:center;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}

.mbnav-close:active{
  transform:translateY(1px);
}

.mbnav-imagebox{
  margin:0;
  padding-top:0;
}

.mbnav-status{
  min-height:1.4em;
  margin:8px 0 6px;
  font-size:11px;
  line-height:1.4;
  color:#6d727d;
}

.mbnav-image{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  margin:0;
}

.mbnav-error{
  color:#b00020;
}
/* atwiki_unit_info_layout_rev7.css */
.ld-unit-info {
  --ld-ui-border: #c5ccd3;
  --ld-ui-bg: #ffffff;
  --ld-ui-bg-sub: #f7f8fa;
  --ld-ui-text: #1f2937;
  --ld-ui-muted: #6b7280;
  --ld-ui-row-materials: 74px;
  --ld-ui-row-attack: 60px;
  --ld-ui-row-stat: 54px;
  --ld-ui-image-size: clamp(108px, 33vw, 170px);
  --ld-ui-material-size: 48px;
  --ld-ui-material-size-4: 38px;
  --ld-ui-material-gap: 6px;
  --ld-ui-label-fs: 17px;
  --ld-ui-value-fs: 16px;
  --ld-ui-emphasis-fs: 23px;

  width: 100%;
  margin: 0;
  color: var(--ld-ui-text);
  font-size: 13px;
  line-height: 1.15;
}

.ld-unit-info *,
.ld-unit-info *::before,
.ld-unit-info *::after {
  box-sizing: border-box;
}

.ld-unit-info__controls {
  display: grid;
  gap: 6px;
  margin: 0 0 10px;
}

.ld-unit-info__control-label {
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.1;
  color: var(--ld-ui-text);
}

.ld-unit-info__select {
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid var(--ld-ui-border);
  border-radius: 8px;
  background: #fff;
  color: var(--ld-ui-text);
  font: inherit;
}

.ld-unit-info__status {
  margin: 0 0 8px;
  line-height: 1.15;
  color: var(--ld-ui-muted);
}

.ld-unit-info__status.is-error {
  color: #b91c1c;
  font-weight: 700;
}

.ld-unit-info__panel[hidden] {
  display: none !important;
}

.ld-unit-info__table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  table-layout: fixed;
  background: var(--ld-ui-bg);
}

.ld-unit-info__table th,
.ld-unit-info__table td {
  border: 1px solid var(--ld-ui-border);
  padding: 4px 8px;
}

.ld-unit-info__row--materials {
  height: var(--ld-ui-row-materials);
}

.ld-unit-info__row--attack {
  height: var(--ld-ui-row-attack);
}

.ld-unit-info__row--stat {
  height: var(--ld-ui-row-stat);
}

.ld-unit-info__table .ld-unit-info__image-cell {
  width: 40%;
  padding: 4px 4px;
  text-align: center;
  vertical-align: middle;
  background: #fff;
}

.ld-unit-info__table .ld-unit-info__label {
  width: 19%;
  text-align: center;
  vertical-align: middle;
  background: var(--ld-ui-bg-sub);
  font-size: var(--ld-ui-label-fs);
  font-weight: 800;
  line-height: 1.05;
  white-space: nowrap;
}

.ld-unit-info__table .ld-unit-info__label--wide {
  width: 19%;
}

.ld-unit-info__table .ld-unit-info__value {
  text-align: center;
  vertical-align: middle;
  font-size: var(--ld-ui-value-fs);
  font-weight: 700;
  line-height: 1.05;
  white-space: nowrap;
}

.ld-unit-info__table .ld-unit-info__value--emphasis {
  font-size: var(--ld-ui-emphasis-fs);
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.01em;
}

.ld-unit-info__table .ld-unit-info__materials-cell {
  padding: 4px 8px;
  vertical-align: middle;
}

.ld-unit-info__image-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(var(--ld-ui-row-materials) + var(--ld-ui-row-attack) + (var(--ld-ui-row-stat) * 3));
}

.ld-unit-info__image {
  width: var(--ld-ui-image-size);
  height: var(--ld-ui-image-size);
  object-fit: contain;
  display: block;
}

.ld-unit-info__image--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--ld-ui-image-size);
  height: var(--ld-ui-image-size);
  border: 1px dashed var(--ld-ui-border);
  background: var(--ld-ui-bg-sub);
  color: var(--ld-ui-muted);
  font-size: 11px;
  font-weight: 700;
}

.ld-unit-info__materials {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--ld-ui-material-gap);
  min-height: calc(var(--ld-ui-row-materials) - 10px);
  flex-wrap: nowrap;
  white-space: nowrap;
}

.ld-unit-info__materials--count-4 {
  gap: 5px;
}

.ld-unit-info__material {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.ld-unit-info__material-image {
  width: var(--ld-ui-material-size);
  height: var(--ld-ui-material-size);
  object-fit: contain;
  display: block;
}

.ld-unit-info__materials--count-4 .ld-unit-info__material-image {
  width: var(--ld-ui-material-size-4);
  height: var(--ld-ui-material-size-4);
}

.ld-unit-info__material-empty {
  color: var(--ld-ui-muted);
  font-size: 11px;
  line-height: 1.05;
}

@media (max-width: 640px) {
  .ld-unit-info {
    --ld-ui-row-materials: 66px;
    --ld-ui-row-attack: 54px;
    --ld-ui-row-stat: 48px;
    --ld-ui-image-size: clamp(96px, 32vw, 146px);
    --ld-ui-material-size: 36px;
    --ld-ui-material-size-4: 29px;
    --ld-ui-material-gap: 4px;
    --ld-ui-label-fs: 14px;
    --ld-ui-value-fs: 14px;
    --ld-ui-emphasis-fs: 20px;
  }

  .ld-unit-info__control-label {
    font-size: 15px;
  }

  .ld-unit-info__select {
    min-height: 40px;
    padding: 0 10px;
  }

  .ld-unit-info__table th,
  .ld-unit-info__table td {
    padding: 3px 5px;
  }

  .ld-unit-info__table .ld-unit-info__image-cell {
    width: 40%;
    padding: 3px 2px;
  }

  .ld-unit-info__table .ld-unit-info__label,
  .ld-unit-info__table .ld-unit-info__label--wide {
    width: 19%;
  }

  .ld-unit-info__table .ld-unit-info__materials-cell {
    padding: 3px 5px;
  }
}


/* ===== 追加表専用: ld-skill-info ===== */
.ld-skill-info {
  --ld-si-border: #c5ccd3;
  --ld-si-bg: #ffffff;
  --ld-si-bg-sub: #f7f8fa;
  --ld-si-text: #1f2937;
  --ld-si-muted: #6b7280;
  --ld-si-accent: #2563eb;
  --ld-si-fs: 13px;
  --ld-si-line: 1.28;
  --ld-si-pad-y: 5px;
  --ld-si-pad-x: 7px;
  --ld-si-gap: 8px;
  --ld-si-desc-min-h: 60px;
  --ld-si-row-min-h: 34px;

  width: 100%;
  max-width: 100%;
  margin: 10px 0 0;
  color: var(--ld-si-text);
  overflow-x: clip;
}

.ld-skill-info *,
.ld-skill-info *::before,
.ld-skill-info *::after {
  box-sizing: border-box;
}

.ld-skill-info__table {
  width: 100%;
  max-width: 100%;
  margin: 0;
  border-collapse: collapse;
  table-layout: fixed;
  background: var(--ld-si-bg);
}

.ld-skill-info__col--1,
.ld-skill-info__col--2,
.ld-skill-info__col--3,
.ld-skill-info__col--4 {
  width: 25%;
}

.ld-skill-info__table + .ld-skill-info__table {
  margin-top: var(--ld-si-gap);
}

.ld-skill-info__table td {
  border: 1px solid var(--ld-si-border);
}

.ld-skill-info__cell {
  padding: var(--ld-si-pad-y) var(--ld-si-pad-x);
  font-size: var(--ld-si-fs);
  line-height: var(--ld-si-line);
  vertical-align: middle;
  word-break: break-all;
  overflow-wrap: anywhere;
  background: var(--ld-si-bg);
}

.ld-skill-info__cell--name {
  font-weight: 800;
  background: var(--ld-si-bg-sub);
}

.ld-skill-info__cell--desc {
  min-height: var(--ld-si-desc-min-h);
  vertical-align: top;
}

.ld-skill-info__cell--meta {
  text-align: center;
  white-space: normal;
  font-weight: 700;
  background: var(--ld-si-bg-sub);
}

.ld-skill-info__table tr:nth-child(3) .ld-skill-info__cell,
.ld-skill-info__table tr:nth-child(4) .ld-skill-info__cell {
  min-height: var(--ld-si-row-min-h);
}

.ld-skill-info__prefix {
  font-weight: 800;
}

.ld-skill-info__hl {
  color: var(--ld-si-accent);
  font-weight: 800;
}

.ld-skill-info__empty {
  border: 1px solid var(--ld-si-border);
  background: var(--ld-si-bg-sub);
  color: var(--ld-si-muted);
  padding: 10px 8px;
  text-align: center;
  font-size: 13px;
  line-height: 1.2;
}

@media (max-width: 520px) {
  .ld-skill-info {
    --ld-si-fs: 12px;
    --ld-si-pad-y: 4px;
    --ld-si-pad-x: 6px;
    --ld-si-desc-min-h: 56px;
    --ld-si-row-min-h: 32px;
  }
}


.ld-skill-info__cell--desc,
.ld-skill-info__cell--meta,
.ld-skill-info__cell--params {
  white-space: normal;
}

.ld-skill-info__cell--desc {
  overflow-wrap: anywhere;
  word-break: break-all;
}#ldmb-board-root-20260331v3,
#ldmb-board-root-20260331v3 * {
  box-sizing: border-box;
}

body.ldmbp-page {
  margin: 0;
  background: #ffffff;
  color: #000000;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  -webkit-text-size-adjust: 100%;
}

#ldmb-board-root-20260331v3,
#ldmb-board-root-20260331v3 * {
  box-sizing: border-box;
}

#ldmb-board-root-20260331v3 {
  width: min(100%, 390px);
  margin: 0 auto;
  padding: 8px;
  font-size: 13px;
  line-height: 1.45;
}

#ldmb-board-root-20260331v3 .ldmbp-form {
  margin: 0 0 8px;
}

#ldmb-board-root-20260331v3 .ldmbp-row {
  display: flex;
  gap: 6px;
  margin: 0 0 6px;
}

#ldmb-board-root-20260331v3 .ldmbp-row--stack {
  display: block;
}

#ldmb-board-root-20260331v3 .ldmbp-name,
#ldmb-board-root-20260331v3 .ldmbp-comment-input {
  border: 1px solid #9a9a9a;
  border-radius: 0;
  background: #ffffff;
  color: #000000;
  padding: 6px;
  font: inherit;
}

#ldmb-board-root-20260331v3 .ldmbp-name {
  flex: 1 1 auto;
  min-width: 0;
}

#ldmb-board-root-20260331v3 .ldmbp-comment-input {
  width: 100%;
  min-height: 84px;
  resize: vertical;
}

#ldmb-board-root-20260331v3 .ldmbp-submit,
#ldmb-board-root-20260331v3 .ldmbp-refresh,
#ldmb-board-root-20260331v3 .ldmbp-more {
  border: 1px solid #8d8d8d;
  border-radius: 0;
  background: #efefef;
  color: #000000;
  font: inherit;
  padding: 5px 10px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

#ldmb-board-root-20260331v3 .ldmbp-submit:disabled,
#ldmb-board-root-20260331v3 .ldmbp-refresh:disabled,
#ldmb-board-root-20260331v3 .ldmbp-more:disabled {
  opacity: 0.6;
  cursor: default;
}

#ldmb-board-root-20260331v3 .ldmbp-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-height: 20px;
  margin: 0 0 4px;
  color: #555555;
  font-size: 12px;
}

#ldmb-board-root-20260331v3 .ldmbp-message {
  min-height: 18px;
  margin: 0 0 6px;
  color: #cc0000;
  font-size: 12px;
}

#ldmb-board-root-20260331v3 .ldmbp-message.is-ok {
  color: #006600;
}

#ldmb-board-root-20260331v3 .ldmbp-message.is-warn {
  color: #9a5b00;
}

#ldmb-board-root-20260331v3 .ldmbp-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

#ldmb-board-root-20260331v3 .ldmbp-item {
  margin: 0;
  padding: 4px 0 6px;
  border-top: 1px solid #d6d6d6;
}

#ldmb-board-root-20260331v3 .ldmbp-head {
  margin: 0 0 2px;
  color: #008800;
  font-size: 12px;
}

#ldmb-board-root-20260331v3 .ldmbp-comment {
  margin: 0;
  color: #000000;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

#ldmb-board-root-20260331v3 .ldmbp-empty {
  padding: 6px 0;
  color: #666666;
}

#ldmb-board-root-20260331v3 .ldmbp-more-wrap {
  margin: 6px 0 0;
}

@media (max-width: 375px) {
  #ldmb-board-root-20260331v3 {
    padding: 6px;
  }

  #ldmb-board-root-20260331v3 .ldmbp-submit,
  #ldmb-board-root-20260331v3 .ldmbp-refresh,
  #ldmb-board-root-20260331v3 .ldmbp-more,
  #ldmb-board-root-20260331v3 .ldmbp-name,
  #ldmb-board-root-20260331v3 .ldmbp-comment-input {
    font-size: 12px;
  }
}