/* 🧭 練功推薦（js/guide.js）：
   「!」鈕 #guide-btn：小地圖左邊（放不下換小地圖下面），位置由 guide.js place() 量版面設；放在 #game 裡、壓在 HUD 上面（z-index 51）、視窗（#lmui-win 60、小視窗 120）下面。
   閃＝金色光暈一亮一暗＋鈕放大一點（只動 opacity／transform，手機不重畫整塊）。
   視窗沿用小視窗外框（.lmui-ov .cl-ov，lmui.css）：一列一個地點＝名字＋傳送費／建議等級・+0 裝幾級起｜右邊「傳送」 */
#guide-btn { position: fixed; z-index: 51; left: 0; top: 0; box-sizing: border-box; width: 34px; height: 34px; padding: 0; display: flex; align-items: center; justify-content: center;
  border: 2px solid #e2bd6b; border-radius: 50%; background: radial-gradient(circle at 50% 35%, #5a3f14, #160e05); color: #ffd75e;
  font: 900 22px/1 "Microsoft JhengHei", "PingFang TC", "Noto Sans TC", sans-serif; text-shadow: 0 1px 2px #000, 0 0 4px rgba(0,0,0,.8);
  box-shadow: 0 2px 6px rgba(0,0,0,.7); cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
#guide-btn[hidden] { display: none; }
#guide-btn::before { content: ""; position: absolute; inset: -5px; border-radius: 50%; box-shadow: 0 0 12px 4px rgba(255,205,80,.95); opacity: 0; pointer-events: none; }
#guide-btn.blink { animation: gdPulse 1.1s ease-in-out infinite; }
#guide-btn.blink::before { animation: gdGlow 1.1s ease-in-out infinite; }
#guide-btn:active { filter: brightness(1.3); }
@keyframes gdPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.14); } }
@keyframes gdGlow { 0%, 100% { opacity: .15; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { #guide-btn.blink, #guide-btn.blink::before { animation: none; } #guide-btn.blink::before { opacity: .8; } }

.gd-ov .box { max-width: 380px; }
.gd-ov .bd { gap: 6px; padding: 8px; }
.gd-row { display: flex; align-items: center; gap: 8px; padding: 6px 6px 6px 9px; border: 1px solid #5a4630; border-radius: 6px; background: linear-gradient(#2c2218, #18120c); }
.gd-info { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.gd-hd { display: flex; align-items: baseline; gap: 6px; min-width: 0; }
.gd-hd b { flex: 1 1 auto; min-width: 0; font-size: 16px; font-weight: 700; line-height: 1.2; color: #f0e2bf; overflow-wrap: anywhere; }
.gd-hd em { flex: none; font-style: normal; font-size: 13px; color: #e8cf8f; }
.gd-info small { font-size: 13px; line-height: 1.3; color: #c9b88f; }
.gd-go { flex: none; min-width: 62px; min-height: 40px; padding: 0 12px; border: 1px solid #f2c14e; border-radius: 6px; background: linear-gradient(#8a6417, #4a3309);
  color: #fff3cf; font-family: inherit; font-size: 15px; font-weight: 700; text-shadow: 0 1px 0 #000; cursor: pointer; }
.gd-go:active { filter: brightness(1.25); }

/* ⊞ 選單開著（hud.js 加 body.lmui-fn-open）：「!」在小地圖左邊，手機直式會壓在選單的「製作」上 → 開著時先藏起來，關掉就回來 */
body.lmui-fn-open #guide-btn { visibility: hidden; }