@charset "utf-8";


/* === TCG Suggest mobile hotfix (both class names supported) === */
.tcg-suggest-panel, .poke-suggest-panel {
  position: absolute;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  box-shadow: 0 10px 25px rgba(0,0,0,.08);
  z-index: 99999;            /* モバイルで埋もれがちなので強めに */
  max-height: 280px;
  overflow-y: auto;
  display: none;
}
.tcg-suggest-panel[aria-hidden="false"], .poke-suggest-panel[aria-hidden="false"] { display: block; }

.tcg-suggest-list, .poke-suggest-list { list-style: none; margin: 0; padding: 6px; }
.tcg-suggest-item, .poke-suggest-item {
  padding: 10px 12px;
  border-radius: 8px;
  cursor: pointer;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
}
.tcg-suggest-item:hover, .tcg-suggest-item.is-active,
.poke-suggest-item:hover, .poke-suggest-item.is-active { background: #f1f5f9; }

.tcg-suggest-loading, .tcg-suggest-empty,
.poke-suggest-loading, .poke-suggest-empty {
  padding: 12px; color: #64748b; font-size: 14px;
}
.tcg-suggest-item mark, .poke-suggest-item mark {
  background: #fde68a; padding: 0 2px; border-radius: 3px;
}

/* === モバイル強化 === */
@media (max-width: 640px) {
  .tcg-suggest-item, .poke-suggest-item { padding: 14px 16px; font-size: 16px; } /* タップしやすく＆iOSズーム防止 */
  .tcg-suggest-panel, .poke-suggest-panel { max-height: 50vh; }                  /* 画面半分までに制限 */
  #keywords { font-size: 16px; }                                                 /* iOSの勝手な拡大を防止 */
}

/* iOSの入力フォーカス時に影で隠れないよう更に保険 */
@supports (-webkit-touch-callout: none) {
  .tcg-suggest-panel, .poke-suggest-panel { z-index: 2147483647; }
}