/* 2026-10-10.1 畫的遊戲圖示（js/gicons.js）：文字裡的 emoji 換成圖集 img/gicons.webp 的一格（金屬刷舊框）
   裡面還留著原本的 emoji（透明），複製文字、搜尋都一樣；圖集還沒載好就先看得到原本的 emoji */
.gi {
  display: inline-block; width: 1.3em; height: 1.3em; line-height: 1.3em; vertical-align: -0.3em; overflow: hidden; white-space: nowrap;
  text-align: center; text-indent: 0; letter-spacing: 0; font-style: normal; font-weight: 400; text-decoration: none; text-shadow: none;
  background-image: var(--gi-img); background-repeat: no-repeat; background-size: var(--gi-size); border-radius: 0.2em;
}
.gi-e { opacity: 1; }
.gi-ready .gi-e { opacity: 0; }
/* CSS 自己寫的圖示（::before 的 content） */
.gi-ready .st-lockico::before, .gi-ready .tt-lock::before, .gi-ready .rift-page .rm-zone.locked b::before, .gi-ready .rift-page .rm-zone.sel b::before {
  content: ''; display: inline-block; width: 1.3em; height: 1.3em; vertical-align: -0.3em; filter: none;
  background-image: var(--gi-img); background-repeat: no-repeat; background-size: var(--gi-size); background-position: var(--gi-lock);
}
.gi-ready .rift-page .rm-zone.sel b::before { background-position: var(--gi-pin); }