/* 魔物一览：下方详情展开区 */
.monster-detail{margin:20px 0 0;background:var(--card-bg);border:1px solid var(--border);
  border-radius:10px;box-shadow:var(--shadow-sm);overflow:hidden}
.monster-detail[hidden]{display:none}
.md-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:12px 16px;
  border-bottom:1px solid var(--border-soft);background:var(--table-header-bg)}
.md-head h2{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--text);margin:0;line-height:1.3}
.md-type{font-size:11.5px;font-weight:600;color:var(--accent);background:var(--accent-soft);
  border:1px solid var(--accent-border);border-radius:999px;padding:2px 8px}
.md-body{padding:12px 16px 16px;overflow-x:auto}
.md-body>table{float:none!important;margin:8px 0!important}
.md-body table{border-collapse:collapse;border:1px solid var(--border-soft);background:var(--card-bg)}
.md-body th,.md-body td{border:1px solid var(--border-soft)!important;padding:4px 6px;
  vertical-align:top;white-space:nowrap;font-size:12.5px;line-height:1.55}
.md-body th{background:var(--table-header-bg)!important;color:var(--text-light);font-weight:600;text-align:center}
.md-body tr.l th{background:rgba(255,255,255,.04)!important;color:var(--text)}
.md-body td{color:var(--text-light)}
.md-body hr{display:none}
.md-body ul{list-style:none;margin:0;padding:0;width:15em}
.md-body li{padding:2px 3px;text-align:right;border-bottom:1px solid var(--border-soft);font-size:12px}
.md-body li.t{float:left;width:11.5em;text-align:left;border-bottom:0}
.md-body li:last-child{border-bottom:0}
.md-body #hosoku{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 10px}
.md-body #hosoku span{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;
  border:1px solid var(--border-soft);border-radius:4px;font-size:12px;color:var(--text-light);
  background:var(--thumb-bg)}
.md-body #hosoku em{font-style:normal;color:var(--text);font-weight:600}
.md-body span.on{background:#6b4a12!important;color:#fff!important}
.md-body span.han{background:#1d5a1d!important;color:#fff!important}
.md-body span.kan{background:#144a66!important;color:#fff!important}
.md-body table#izyo,.md-body table#hp,.md-body table#niku,.md-body table#down,.md-body table#kou{
  float:none!important;margin:8px 0!important}
.md-body table#niku{margin-top:10px!important}
.md-empty{padding:18px 4px;color:var(--text-faint);font-size:13px}
@media(max-width:768px){
  .md-head{padding:10px 12px}
  .md-head h2{font-size:16px}
  .md-body{padding:9px 10px 12px}
  .md-body th,.md-body td{font-size:11.5px;padding:3px 4px}
  .md-body ul{width:13em}
  .md-body li.t{width:9.5em}
}

/* 肉质：横向空间，状态/HP 并排，宽表独占整行 */
.md-body.is-niku{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
.md-body.is-niku #hosoku{flex:1 0 100%}
.md-body.is-niku>table{flex:0 1 auto;margin:0!important;float:none!important}
.md-body.is-niku #izyo,.md-body.is-niku #hp{flex:1 1 300px;min-width:0}
.md-body.is-niku #niku,.md-body.is-niku #down,.md-body.is-niku #down1,
.md-body.is-niku #kou{flex:1 0 100%}
.md-body.is-niku #kou{margin-top:2px!important}

.md-body.is-niku #izyo{flex:0 1 60%;max-width:60%;width:60%;min-width:0;table-layout:fixed}
.md-body.is-niku #hp{flex:0 1 36%;max-width:36%;width:36%;min-width:0;table-layout:fixed}
.md-body.is-niku #izyo th,.md-body.is-niku #izyo td,
.md-body.is-niku #hp th,.md-body.is-niku #hp td{white-space:normal!important;font-size:11.5px;padding:3px 4px}
.md-body.is-niku #izyo td,.md-body.is-niku #hp td{overflow-wrap:anywhere;word-break:break-all}
@media(max-width:800px){
  .md-body.is-niku #izyo,.md-body.is-niku #hp{flex:1 0 100%;max-width:100%;width:100%}
}