@font-face {
  font-family: "Mojangles";
  src: url("pix/mojang.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "UnifontJP";
  src: url("pix/unifont_jp.otf") format("opentype");
  font-display: swap;
}

/* container */
.mcrecipeiso{display:block!important;clear:both;background:#c6c6c6!important;border:2px solid #4F4F4F;box-shadow:inset -2px -2px #EEE,inset 2px 2px #7A7A7A;padding:10px 12px;margin:12px 0;font-size:0;width:max-content;user-select:none;}
.mcrecipeiso_inner{display:inline-flex;align-items:center;gap:10px;}
.mcrecipeiso_break{display:block;clear:both;height:0;}

/* grid */
.mcrecipeiso_grid{display:grid;gap:6px;padding:6px;background:#B8B8B8;border:2px solid #4F4F4F;box-shadow:inset -2px -2px #EEE,inset 2px 2px #7A7A7A;}
.mcrecipeiso_slot{width:32px;height:32px;background:#9A9A9A;border:2px solid #4F4F4F;box-shadow:inset 2px 2px #6A6A6A,inset -2px -2px #EFEFEF;position:relative;}

/* item image (no link) */
.mcrecipeiso_slot>img{width:24px;height:24px;image-rendering:pixelated;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;}
/* item image (link wrapper) */
.mcrecipeiso_slot>a.mcrecipeiso_link{position:absolute;left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%);display:block;}
.mcrecipeiso_slot>a.mcrecipeiso_link>img{width:24px;height:24px;image-rendering:pixelated;display:block;}

/* arrow */
.mcrecipeiso_arrowcol{display:flex;flex-direction:column;align-items:center;gap:6px;}
.mcrecipeiso_arrow{width:auto;height:auto;background:none;}
.mcrecipeiso_arrow::before{content:"";display:block;background:url("pix/arrow.png") no-repeat 0 0/contain;width:32px;height:26px;}

/* output box */
.mcrecipeiso_outbox{display:inline-block;padding:6px;background:#B8B8B8;border:2px solid #4F4F4F;box-shadow:inset -2px -2px #EEE,inset 2px 2px #7A7A7A;}

/* amount overlay */
.mcrecipeiso_amount {
  position: absolute;
  right: 3px;
  bottom: 2px;
  font-family: "Mojangles", sans-serif;
  font-size: 12px;             /* ← 修正：12px */
  line-height: 1;
  color: #ffffff;              /* ← 修正：白 */
  text-shadow:
    1px 0 #000,
    -1px 0 #000,
    0 1px #000,
    0 -1px #000;
  pointer-events: none;
}

/* trade layout */
.mcrecipeiso_trade{display:inline-flex;align-items:center;gap:12px;}
.mcrecipeiso_inrow,.mcrecipeiso_traderight{display:inline-block;padding:6px;background:#B8B8B8;border:2px solid #4F4F4F;box-shadow:inset -2px -2px #EEE,inset 2px 2px #7A7A7A;}
.mcrecipeiso_inrow{display:inline-flex;gap:6px;}

/* ===== MC-style tooltip ===== */
.mcri_tt {
  position: absolute;
  left: 50%;
  bottom: 110%;
  transform: translateX(-50%);
  background: #100010;
  border: 2px solid #0a0a44;   /* ← 修正：濃い青みの枠 */
  box-shadow: 2px 2px 0 rgba(0,0,0,.35);
  color: #fff;
  padding: 4px 6px;
  font-family: "UnifontJP", sans-serif;
  font-size: 14px;
  line-height: 1.05;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
}
.mcrecipeiso_slot:hover .mcri_tt {
  opacity: 1;
  visibility: visible;
}

.mcrecipeiso_img { width:24px; height:24px; image-rendering:pixelated; display:block; }