/* 狩獵圖鑑（js/huntdex.js；第 393 項（站長 2026-10-28 狩獵圖鑑））：上面已開通進度＋背包證明，底下十個地區一區一張卡（配色同傲慢之塔圖鑑 toibook.css） */
#hunt-dex .bd { gap: 8px; }
#hunt-dex .hx-none { padding: 24px; text-align: center; color: #a8997a; }
#hunt-dex .hx-top { flex: none; display: flex; flex-direction: column; gap: 6px; padding: 8px 10px; border: 1px solid rgba(214,170,80,.7); border-radius: 8px;
  background: radial-gradient(ellipse 70% 120% at 0% 0%, rgba(214,170,80,.16), transparent 70%), linear-gradient(180deg, rgba(44,34,20,.96), rgba(18,13,8,.96)); }
#hunt-dex .hx-sum { display: flex; align-items: center; gap: 8px; }
#hunt-dex .hx-sum b { color: #f6dc8c; font-size: 15px; letter-spacing: .1em; }
#hunt-dex .hx-sum span { color: #e8dcc0; font-size: 14px; font-variant-numeric: tabular-nums; }
#hunt-dex .hx-sum i { flex: 1; height: 5px; border-radius: 3px; background: linear-gradient(90deg, #8a6420, #f2d77f var(--p), rgba(255,255,255,.1) var(--p)); }
#hunt-dex .hx-have { display: flex; align-items: center; gap: 4px; color: #c9b98f; font-size: 13px; }
#hunt-dex .hx-have b { color: #f2d77f; font-variant-numeric: tabular-nums; }
#hunt-dex .hx-have img, #hunt-dex .hx-cost img { width: 20px; height: 20px; object-fit: contain; }
#hunt-dex .hx-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 8px; }
#hunt-dex .hx-reg { display: flex; flex-direction: column; gap: 6px; padding: 8px 10px 10px; border: 1px solid rgba(160,130,80,.55); border-radius: 8px; background: linear-gradient(180deg, rgba(32,26,18,.95), rgba(14,11,8,.95)); }
#hunt-dex .hx-reg.open { border-color: rgba(226,189,107,.85); box-shadow: inset 0 1px 0 rgba(255,230,160,.2), 0 0 10px rgba(226,189,107,.12); }
#hunt-dex .hx-hd { display: flex; align-items: center; gap: 8px; }
#hunt-dex .hx-nm { color: #f6dc8c; font-size: 15px; }
#hunt-dex .hx-reg:not(.open) .hx-nm { color: #d6c7a6; }
#hunt-dex .hx-pips { flex: 1; display: flex; gap: 3px; }
#hunt-dex .hx-pips u { width: 8px; height: 8px; border-radius: 50%; border: 1px solid rgba(226,189,107,.6); background: rgba(0,0,0,.4); }
#hunt-dex .hx-pips u.on { background: radial-gradient(circle at 35% 35%, #fff3c4, #e2bd6b 60%, #8a6420); border-color: #f2d77f; }
#hunt-dex .hx-st { font-style: normal; padding: 1px 8px; border-radius: 10px; border: 1px solid rgba(140,130,110,.5); color: #a8997a; font-size: 12px; white-space: nowrap; }
#hunt-dex .hx-st.on { border-color: #d9b25e; color: #ffe6a6; background: rgba(90,66,26,.6); font-weight: 700; }
#hunt-dex .hx-st.max { border-color: #f2d77f; color: #1c1306; background: linear-gradient(180deg, #f2d77f, #b8913f); font-weight: 700; }
#hunt-dex .hx-pm { display: flex; align-items: baseline; gap: 6px; font-size: 13px; }
#hunt-dex .hx-pm em { font-style: normal; flex: none; padding: 0 5px; border: 1px solid rgba(226,189,107,.55); border-radius: 3px; color: #e2bd6b; font-size: 11px; }
#hunt-dex .hx-pm b { color: #f2d77f; }
#hunt-dex .hx-reg:not(.open) .hx-pm b { color: #c9b98f; }
#hunt-dex .hx-cost { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 12px; }
#hunt-dex .hx-cost span { display: inline-flex; align-items: center; gap: 3px; font-variant-numeric: tabular-nums; }
#hunt-dex .hx-cost .ok { color: #8fd18b; }
#hunt-dex .hx-cost .no { color: #ef8f84; }
#hunt-dex .hx-go { margin-left: auto; padding: 5px 12px; border: 1px solid rgba(200,160,80,.8); border-radius: 5px; background: linear-gradient(180deg, #b8913f, #6e521f); color: #1c1306; font: inherit; font-weight: 700; font-size: 13px; cursor: pointer; }
#hunt-dex .hx-go:disabled { background: #2a2419; color: #7d7364; border-color: #4a3f30; cursor: not-allowed; }

/* 開通／升級儀式的徽章（huntdex.js huntCeremony；外框、動畫借 top1.css .t1-crown，同 #toi-cer） */
#hunt-cer .tc-emb { display: flex; flex-direction: column; align-items: center; gap: 6px; }
#hunt-cer .tc-ic { position: relative; width: 96px; height: 96px; display: grid; place-items: center; border: 2px solid #e2bd6b; border-radius: 14px; overflow: hidden;
  background: radial-gradient(circle, rgba(255,220,130,.45), rgba(40,28,10,.95) 70%); box-shadow: 0 0 24px rgba(255,200,90,.8), inset 0 0 14px rgba(0,0,0,.7); }
#hunt-cer .tc-ic img { width: 64px; height: 64px; object-fit: contain; image-rendering: pixelated; }
#hunt-cer .tc-ic .hs-fx b { width: 26%; background: #fff; }
#hunt-cer .tc-f { padding: 2px 14px; border: 1px solid #e2bd6b; border-radius: 6px; background: linear-gradient(#5a4512, #2a1f08); color: #ffe7a0; font-size: 20px; letter-spacing: 2px; box-shadow: 0 0 12px rgba(255,200,90,.6); }

/* 第 496 項：上方目前永久能力、每區升下一級的預覽、每級說明 */
#hunt-dex .hx-perm { display: flex; flex-wrap: wrap; gap: 4px 6px; align-items: center; }
#hunt-dex .hx-perm em { font-style: normal; color: #a8997a; font-size: 12px; margin-right: 2px; }
#hunt-dex .hx-perm span { padding: 1px 7px; border: 1px solid rgba(226,189,107,.55); border-radius: 10px; color: #f2d77f; font-size: 12px; background: rgba(60,45,20,.6); }
#hunt-dex .hx-perm span.none { color: #8f8574; border-color: rgba(140,130,110,.4); background: none; }
#hunt-dex .hx-pm { flex-wrap: wrap; }
#hunt-dex .hx-pm u { text-decoration: none; color: #9fd67a; font-size: 12px; }
#hunt-dex .hx-per { color: #8f8574; font-size: 11px; }