/* 提煉魔石連續提煉（js/stone.js，本機改動第 123 項）：沿用 .lmui-ov 的 3.5 石紋外框（lmui.css 檔尾）＋底部 .ft 按鈕列，id 同舊的選魔石視窗（pcui.js 放右邊）。
   選擇：黑魔石一顆一列（選到的金框）、次數輸入＋「最大」；進行中／結束：原料 → 成品、進度條、成功｜失敗｜剩下、獲得幾顆、一句狀態。
   手機橫式（max-height 500）：整體縮小（黑魔石照樣一顆一列，排兩欄名字會被切掉） */

#lmui-stonepick.bs-ov .box { height: auto; max-height: 100%; max-width: 400px; }
#lmui-stonepick.bs-ov .bd { gap: 8px; }
.bs-note { flex: none; color: #c9b88f; font-size: 13px; text-align: center; }

/* 黑魔石清單 */
#lmui-stonepick.bs-ov .bs-list { grid-template-columns: 1fr; gap: 4px; }
#lmui-stonepick.bs-ov .bs-list .opt { min-height: 40px; padding: 4px 10px; background: linear-gradient(180deg, rgba(42,33,22,.95), rgba(22,17,11,.95)); cursor: pointer; }
#lmui-stonepick.bs-ov .bs-list .opt img { width: 30px; height: 30px; image-rendering: pixelated; }
#lmui-stonepick.bs-ov .bs-list .opt span { flex: 1 1 auto; color: #e8dcc0; }
#lmui-stonepick.bs-ov .bs-list .opt small { margin-left: auto; color: #f0e2bf; font-size: 14px; font-variant-numeric: tabular-nums; }
#lmui-stonepick.bs-ov .bs-list .opt.on { border-color: #d6a548; background: linear-gradient(#4a3514, #261a08); box-shadow: 0 0 6px rgba(242,193,78,.45); }
#lmui-stonepick.bs-ov .bs-list .opt.on span { color: #fde68a; }

/* 次數 */
.bs-qty { flex: none; display: flex; align-items: center; gap: 6px; }
.bs-qty label { flex: none; color: #e8dcc0; font-size: 15px; letter-spacing: .12em; }
.bs-qty .bs-n { flex: 1 1 auto; min-width: 0; padding: 6px 8px; font: 700 20px/1.2 Georgia, "Times New Roman", serif; text-align: center; color: #fff; background: #0e0b09;
  border: 1px solid #5a4630; border-radius: 6px; outline: none; font-variant-numeric: tabular-nums; }
.bs-qty .bs-n:focus { border-color: #c9a25a; }
.bs-qty .bs-max { flex: none; padding: 8px 12px; border: 1px solid #b7791f; border-radius: 6px; background: linear-gradient(#5a3f14, #2e1f08); color: #fde68a; font-weight: 700; font-size: 14px; line-height: 1; font-family: inherit; cursor: pointer; }
.bs-qty .bs-max:disabled { opacity: .4; cursor: default; }

/* 狀態那一句 */
.bs-msg { flex: none; min-height: 1.4em; color: #c9b88f; font-size: 14px; text-align: center; }
.bs-msg:empty { display: none; }
.bs-msg.good { color: #9be59b; }
.bs-msg.bad { color: #ff8a73; }
#lmui-stonepick.bs-ov .ft button.go { border-color: #b7791f; background: linear-gradient(#5a3f14, #2e1f08); color: #fde68a; }

/* 原料 → 成品 */
.bs-flow { flex: none; display: flex; align-items: center; justify-content: center; gap: 8px; }
.bs-it { display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 0; }
.bs-it img { width: 34px; height: 34px; object-fit: contain; image-rendering: pixelated; filter: drop-shadow(0 0 4px rgba(150,120,255,.5)); }
.bs-it b { color: #e8dcc0; font-size: 13px; font-weight: 700; white-space: nowrap; }
.bs-arrow { flex: none; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 12px; border-color: transparent transparent transparent #d6a548; }

/* 進度條 */
.bs-bar { flex: none; position: relative; height: 22px; border: 1px solid #5a4630; border-radius: 4px; background: #0e0b09; overflow: hidden; }
.bs-bar i { position: absolute; inset: 0 auto 0 0; background: linear-gradient(#8a6a2c, #4e3812); transition: width .25s; }
.bs-ov.bs-running .bs-bar:not(.over) i { background: linear-gradient(#a37d32, #5c4214); }
.bs-bar span { position: relative; display: block; text-align: center; color: #fff4d6; font: 700 13px/22px Georgia, "Times New Roman", serif; text-shadow: 0 1px 0 #000; font-variant-numeric: tabular-nums; }

/* 成功｜失敗｜剩下 */
.bs-stats { flex: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
.bs-stats div { display: flex; flex-direction: column; align-items: center; padding: 3px 0; border: 1px solid #4a3f30; border-radius: 6px; background: rgba(20,15,10,.85); }
.bs-stats small { color: #a8997a; font-size: 12px; }
.bs-stats b { color: #f4efe3; font: 700 20px/1.1 Georgia, "Times New Roman", serif; font-variant-numeric: tabular-nums; }
.bs-stats .ok b { color: #9be59b; }
.bs-stats .ng b { color: #ff8a73; }

/* 獲得 */
.bs-got { flex: none; display: flex; align-items: center; justify-content: center; gap: 6px; color: #fde68a; font-size: 14px; }
.bs-got img { width: 24px; height: 24px; object-fit: contain; image-rendering: pixelated; }
.bs-got b { font-variant-numeric: tabular-nums; }

/* 等待魔力中（伺服器站著等魔力回滿，S_Web 123 waitMp）：一行字＋藍色魔力條 */
.bs-wait { flex: none; display: flex; align-items: center; gap: 8px; padding: 4px 8px; border: 1px solid #34507a; border-radius: 6px; background: rgba(12,20,36,.85); }
.bs-wait span { flex: none; color: #9cc3ff; font-size: 14px; font-weight: 700; letter-spacing: .06em; animation: bs-blink 1.6s ease-in-out infinite; }
.bs-mp { flex: 1 1 auto; position: relative; height: 18px; border: 1px solid #2b3f63; border-radius: 3px; background: #070b14; overflow: hidden; }
.bs-mp i { position: absolute; inset: 0 auto 0 0; background: linear-gradient(#4f7fd0, #223f78); transition: width .4s; }
.bs-mp b { position: relative; display: block; text-align: center; color: #e6efff; font: 700 12px/18px Georgia, "Times New Roman", serif; text-shadow: 0 1px 0 #000; font-variant-numeric: tabular-nums; }
@keyframes bs-blink { 50% { opacity: .55; } }
@media (prefers-reduced-motion: reduce) { .bs-wait span { animation: none; } }

@media (max-height: 500px) {   /* 手機橫式 */
  #lmui-stonepick.bs-ov .bd { gap: 5px; padding: 4px 8px; }
  #lmui-stonepick.bs-ov .bs-list .opt { min-height: 30px; padding: 1px 8px; }
  #lmui-stonepick.bs-ov .bs-list .opt img { width: 24px; height: 24px; }
  .bs-qty .bs-n { padding: 3px 8px; font-size: 17px; }
  .bs-qty .bs-max { padding: 6px 10px; }
  .bs-it img { width: 26px; height: 26px; }
  .bs-stats b { font-size: 17px; }
  .bs-msg.wait { display: none; }   /* 等待魔力那一行已經說了，矮畫面省一行 */
  .bs-wait { padding: 2px 8px; }
  #lmui-stonepick.bs-ov .ft { padding: 5px 8px; }
  #lmui-stonepick.bs-ov .ft button { padding: 6px 8px; }
}