.pal-picker-popover {
  position: fixed;
  z-index: 1000;
  display: none;
  width: min(430px, calc(100vw - 24px));
  max-height: min(620px, calc(100vh - 24px));
  overflow: hidden;
  color: #eaf8f8;
  border: 1px solid #31535c;
  border-radius: 15px;
  background: #09171c;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .58);
}
.pal-picker-popover.is-open { display: grid; grid-template-rows: auto auto minmax(0, 1fr); }
.pal-picker-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 15px 10px; }
.pal-picker-head strong { font-size: .9rem; }
.pal-picker-close { width: 34px; height: 34px; padding: 0; color: #9ab6bb; font: inherit; font-size: 1.25rem; border: 1px solid #29434d; border-radius: 9px; background: #0d2026; cursor: pointer; }
.pal-picker-tools { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 9px; padding: 0 15px 12px; border-bottom: 1px solid #203941; }
.pal-picker-search { min-width: 0; min-height: 42px; padding: 0 12px; color: #eaf8f8; font: inherit; font-size: .78rem; border: 1px solid #31515a; border-radius: 9px; background: #0c1e24; outline: none; }
.pal-picker-search:focus { border-color: #52d6d0; box-shadow: 0 0 0 2px rgba(82, 214, 208, .13); }
.pal-picker-owned { display: flex; align-items: center; gap: 7px; min-height: 42px; padding: 0 10px; color: #a9c2c6; font-size: .7rem; font-weight: 800; white-space: nowrap; border: 1px solid #31515a; border-radius: 9px; background: #0c1e24; cursor: pointer; }
.pal-picker-owned input { accent-color: #52d6d0; }
.pal-picker-list { overflow-y: auto; overscroll-behavior: contain; padding: 6px; }
.pal-picker-item { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: 11px; align-items: center; width: 100%; min-height: 60px; padding: 6px 9px; color: #eaf8f8; text-align: left; font: inherit; border: 1px solid transparent; border-radius: 10px; background: transparent; cursor: pointer; }
.pal-picker-item:hover, .pal-picker-item:focus-visible, .pal-picker-item.is-active { border-color: #31535c; background: #10272d; outline: none; }
.pal-picker-item[disabled] { opacity: .43; cursor: default; }
.pal-picker-item img, .pal-picker-fallback { width: 48px; height: 48px; object-fit: contain; border: 1px solid #29464e; border-radius: 10px; background: #10242a; }
.pal-picker-fallback { display: grid; place-items: center; color: #77dcd5; font-weight: 900; }
.pal-picker-copy { min-width: 0; }
.pal-picker-copy b { display: block; overflow: hidden; font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; }
.pal-picker-copy small { display: block; margin-top: 3px; color: #83a8ae; font-size: .69rem; }
.pal-picker-level { color: #67dcd5; font-size: .68rem; font-weight: 900; white-space: nowrap; }
.pal-picker-empty { padding: 30px 20px; color: #83a8ae; font-size: .76rem; line-height: 1.55; text-align: center; }
@media (max-width: 560px) {
  .pal-picker-popover { inset: 12px !important; width: auto; max-height: none; }
  .pal-picker-tools { grid-template-columns: 1fr; }
}