/* Select Your Cards, made over (11/4, Nick: "more modern and superb").
   Loaded after styles.css + theme-dark.css on the pack pages only; every rule is scoped under
   [data-chasers-root] so it wins over the older layers without !important. The cards lose their
   boxes: the art is the card, lifted on hover, ringed in the pack's accent when picked. The
   toolbar is a row of pills, the search a soft field with an icon, the dock a floating glass bar
   with a holo button. Behaviour and markup are unchanged (the page's JS still drives it). */
[data-chasers-root] {
  --pk-acc: var(--t-acc, #9ed4ff);
  --pk-ink: #eef2ff;
  --pk-mute: rgba(214, 222, 245, 0.62);
  --pk-line: rgba(255, 255, 255, 0.09);
  --pk-holo: linear-gradient(100deg, #6fe3ff 0%, #9aa8ff 38%, #d69bff 70%, #ffb3dc 100%);
}

/* the frame: one glass panel, no box inside a box */
[data-chasers-root] .chasers-dropdown {
  border-radius: 26px;
  border: 1px solid var(--pk-line);
  background: linear-gradient(180deg, rgba(14, 17, 28, 0.78), rgba(9, 11, 18, 0.86));
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
}
[data-chasers-root] .chasers-chase-list-panel,
[data-chasers-root] .chasers-chase-editor,
[data-chasers-root] .chasers-picker-main {
  border: 0;
  background: transparent;
  box-shadow: none;
}

/* the head: the set's mark and one title (the second, inner title is hidden) */
[data-chasers-root] .chasers-chase-box-head {
  border: 0;
  background: transparent;
  box-shadow: none;
  padding-bottom: 0.2rem;
}
[data-chasers-root] .chasers-chase-apply {
  color: var(--pk-ink);
  -webkit-text-fill-color: var(--pk-ink);
  background: none;
  font-size: clamp(1.35rem, 2.2vw, 1.85rem);
  font-weight: 800;
  letter-spacing: -0.01em;
  text-transform: none;
  text-shadow: none;
}
[data-chasers-root] .chasers-chase-apply-label { color: inherit; -webkit-text-fill-color: inherit; background: none; }
[data-chasers-root] .chasers-chase-apply:disabled .chasers-chase-apply-arrow { display: none; }
[data-chasers-root] .chasers-picker-intro strong { display: none; }
[data-chasers-root] .chasers-picker-intro span { color: var(--pk-mute); font-size: 0.92rem; font-weight: 500; }

/* the quick picks: pills, each with its rarity's dot */
[data-chasers-root] .chasers-picker-toolbar { gap: 0.5rem; }
[data-chasers-root] .chasers-picker-toolbar .chasers-picker-action {
  min-height: 2.1rem;
  padding: 0.4rem 0.9rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.035);
  box-shadow: none;
  color: rgba(235, 240, 255, 0.86);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}
[data-chasers-root] .chasers-picker-toolbar .chasers-picker-action:hover {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.22);
  color: #fff;
}
[data-chasers-root] .chasers-picker-toolbar .chasers-picker-action:active { transform: scale(0.97); }
[data-chasers-root] .chasers-picker-toolbar .chasers-picker-action.is-active {
  border-color: color-mix(in srgb, var(--pk-acc) 70%, transparent);
  background: color-mix(in srgb, var(--pk-acc) 14%, transparent);
  color: #fff;
  box-shadow: 0 0 18px color-mix(in srgb, var(--pk-acc) 22%, transparent);
}

/* the search: a soft field with a magnifier */
[data-chasers-root] .chasers-picker-search input {
  height: 2.9rem;
  padding: 0 1.1rem 0 2.85rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9b4d6' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 1.05rem 50% / 1.05rem;
  box-shadow: none;
  color: var(--pk-ink);
  font-size: 0.95rem;
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}
[data-chasers-root] .chasers-picker-search input::placeholder { color: rgba(214, 222, 245, 0.45); }
[data-chasers-root] .chasers-picker-search input:focus {
  outline: none;
  border-color: color-mix(in srgb, var(--pk-acc) 60%, transparent);
  background-color: rgba(255, 255, 255, 0.06);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--pk-acc) 14%, transparent);
}

/* the cards: no box, the art is the card */
[data-chasers-root] .chasers-choice-list { gap: 1.35rem 1rem; padding-top: 0.35rem; }
[data-chasers-root] .chasers-choice-card,
[data-chasers-root] .chasers-choice-card.is-selected,
[data-chasers-root] .chasers-choice-card:hover {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  transform: none;
  gap: 0.6rem;
}
[data-chasers-root] .chasers-choice-card-art {
  border-radius: 4.6% / 3.3%;
  transition: transform 260ms cubic-bezier(.2, .7, .2, 1), box-shadow 260ms ease, filter 260ms ease;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.06);
}
[data-chasers-root] .chasers-choice-card-art img { border-radius: inherit; }
[data-chasers-root] .chasers-choice-card:hover .chasers-choice-card-art {
  transform: translateY(-5px);
  box-shadow: 0 22px 40px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.14);
}
/* picked: ringed and lit in the pack's accent */
[data-chasers-root] .chasers-choice-card.is-selected .chasers-choice-card-art,
[data-chasers-root] .chasers-choice-card[data-tier].is-selected .chasers-choice-card-art {
  transform: translateY(-3px);
  box-shadow: 0 0 0 2px var(--pk-acc), 0 0 28px color-mix(in srgb, var(--pk-acc) 45%, transparent), 0 18px 34px rgba(0, 0, 0, 0.5);
}
[data-chasers-root] .chasers-choice-list:has(.is-selected) .chasers-choice-card:not(.is-selected):not(:hover) .chasers-choice-card-art { filter: brightness(0.78) saturate(0.85); }
[data-chasers-root] .chasers-choice-card.is-selected::after {
  content: "";
  top: 0.4rem;
  right: 0.4rem;
  padding: 0;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 999px;
  background: var(--pk-acc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a0d18' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") no-repeat 50% 50% / 62%;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.45), 0 0 0 2px rgba(9, 11, 18, 0.75);
  animation: pkPick 260ms cubic-bezier(.3, 1.6, .5, 1);
  z-index: 2;
}
@keyframes pkPick { from { transform: scale(0.4); opacity: 0; } to { transform: scale(1); opacity: 1; } }
[data-chasers-root] .chasers-choice-card.is-disabled .chasers-choice-card-art { filter: grayscale(0.7) brightness(0.6); }

/* the rarity tag: a small glass chip on the art */
[data-chasers-root] .chasers-choice-card-rarity {
  top: 0.45rem;
  left: 0.45rem;
  padding: 0.18rem 0.5rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(8, 10, 18, 0.72);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  color: #fff;
  font-size: 0.6rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  box-shadow: none;
}

/* the facts under the art: name, the raw price big, PSA 10 and the odds quiet */
[data-chasers-root] .chasers-choice-card-meta { gap: 0.28rem; padding: 0 0.15rem; text-align: left; justify-items: start; }
[data-chasers-root] .chasers-choice-card-meta > strong {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--pk-ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  text-align: left;
}
[data-chasers-root] .chasers-choice-card-number { color: var(--pk-mute); font-weight: 600; }
[data-chasers-root] .chasers-choice-card-price-lines { display: flex; align-items: baseline; gap: 0.2rem 0.6rem; flex-wrap: wrap; justify-content: flex-start; width: auto; margin: 0; }
[data-chasers-root] .chasers-choice-card-price-lines small { display: inline-flex; align-items: baseline; gap: 0.3rem; margin: 0; }
[data-chasers-root] .chasers-choice-card-price-lines small span { text-align: left; }
[data-chasers-root] .chasers-choice-card-price-lines small span {
  color: var(--pk-mute);
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
[data-chasers-root] .chasers-choice-card-price-lines small strong { color: #fff; font-size: 0.98rem; font-weight: 800; font-variant-numeric: tabular-nums; }
[data-chasers-root] .chasers-choice-card-price-lines small + small strong { color: rgba(235, 240, 255, 0.72); font-size: 0.8rem; font-weight: 700; }
[data-chasers-root] .chasers-choice-card-rule { display: none; }
[data-chasers-root] .chasers-choice-card-facts { display: flex; justify-content: flex-start; margin: 0; }
[data-chasers-root] .chasers-choice-card-odds {
  display: inline-block;
  padding: 0.12rem 0.5rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--pk-mute);
  font-size: 0.66rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
[data-chasers-root] .chasers-choice-card.is-selected .chasers-choice-card-odds {
  background: color-mix(in srgb, var(--pk-acc) 16%, transparent);
  color: color-mix(in srgb, var(--pk-acc) 70%, #fff);
}

/* the dock: a floating glass bar; the numbers read as labelled stats; a holo button */
[data-chasers-root] .chasers-selection-dock {
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: linear-gradient(180deg, rgba(20, 24, 38, 0.86), rgba(12, 14, 24, 0.92));
  -webkit-backdrop-filter: blur(18px) saturate(1.2);
          backdrop-filter: blur(18px) saturate(1.2);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
[data-chasers-root] .chasers-selection-dock-divider { display: none; }
[data-chasers-root] .chasers-selection-dock-copy { gap: 1.25rem; }
[data-chasers-root] .chasers-selection-dock-stat { color: #fff; font-weight: 800; }
[data-chasers-root] .chasers-selection-dock-bulk { color: var(--pk-mute); font-weight: 700; }
[data-chasers-root] .chasers-selection-dock-label {
  color: var(--pk-mute);
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
[data-chasers-root] .chasers-selection-dock-value { color: #fff; font-weight: 800; }
[data-chasers-root] .chasers-selection-dock-value.is-price { color: color-mix(in srgb, var(--pk-acc) 55%, #fff); }
[data-chasers-root] .chasers-selection-dock-clear {
  min-height: 0;
  padding: 0.3rem 0.75rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: transparent;
  box-shadow: none;
  color: var(--pk-mute);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
}
[data-chasers-root] .chasers-selection-dock-clear:hover { color: #fff; border-color: rgba(255, 255, 255, 0.3); }
/* the picked cards fan in a little stack */
[data-chasers-root] .chasers-selection-dock-strip .chasers-selected-thumb {
  border-radius: 7px;
  border: 0;
  box-shadow: 0 0 0 2px rgba(12, 14, 24, 0.95), 0 6px 14px rgba(0, 0, 0, 0.4);
  transition: transform 180ms ease;
}
[data-chasers-root] .chasers-selection-dock-strip .chasers-selected-thumb + .chasers-selected-thumb { margin-left: -0.55rem; }
[data-chasers-root] .chasers-selection-dock-strip .chasers-selected-thumb:hover { transform: translateY(-3px); z-index: 1; }
[data-chasers-root] .chasers-apply-dock-button {
  border: 0;
  border-radius: 999px;
  background: var(--pk-holo);
  background-size: 160% 100%;
  color: #0a0d18;
  font-weight: 900;
  letter-spacing: 0.06em;
  box-shadow: 0 10px 30px rgba(150, 160, 255, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  transition: background-position 400ms ease, transform 160ms ease, box-shadow 200ms ease, filter 200ms ease;
}
[data-chasers-root] .chasers-apply-dock-button:not(:disabled):hover { background-position: 100% 0; box-shadow: 0 14px 38px rgba(170, 160, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6); }
[data-chasers-root] .chasers-apply-dock-button:not(:disabled):active { transform: scale(0.98); }
[data-chasers-root] .chasers-apply-dock-button:disabled { filter: grayscale(0.85) brightness(0.6); box-shadow: none; }
[data-chasers-root] .chasers-apply-dock-button span { color: inherit; }
[data-chasers-root] .chasers-apply-dock-button-arrow-wrap {
  background: rgba(10, 13, 24, 0.14);
  box-shadow: none;
  border: 0;
}
[data-chasers-root] .chasers-apply-dock-button-arrow { color: #0a0d18; }

@media (max-width: 760px) {
  [data-chasers-root] .chasers-dropdown { border-radius: 20px; }
  [data-chasers-root] .chasers-choice-list { gap: 1.1rem 0.7rem; }
  [data-chasers-root] .chasers-choice-card-meta > strong { font-size: 0.74rem; }
  [data-chasers-root] .chasers-choice-card-price-lines small strong { font-size: 0.88rem; }
  [data-chasers-root] .chasers-choice-card-price-lines small + small { display: none; }
  [data-chasers-root] .chasers-choice-card-odds { font-size: 0; }
  [data-chasers-root] .chasers-choice-card-odds::before { font-size: 0.62rem; }
  [data-chasers-root] .chasers-choice-card.is-selected::after { width: 1.35rem; height: 1.35rem; top: 0.3rem; right: 0.3rem; }
  [data-chasers-root] .chasers-selection-dock { border-radius: 20px 20px 0 0; }
  [data-chasers-root] .chasers-selection-dock-copy { gap: 0.5rem; }
}

@media (prefers-reduced-motion: reduce) {
  [data-chasers-root] .chasers-choice-card-art,
  [data-chasers-root] .chasers-choice-card.is-selected::after { transition: none; animation: none; }
}

/* Phones (11/4, Nick: "not usable on mobile"): the cards scroll with the page (not inside a
   box of their own, which fought the page and slid under the search and pills), the quick picks
   are one swipeable row, and the dock is one compact bar: the count, hits and price on a line
   beside the button. The picked cards already show their check marks, so no strip here. */
@media (max-width: 760px) {
  [data-chasers-root] .chasers-dropdown-panel,
  [data-chasers-root] .chasers-chase-list-panel,
  [data-chasers-root] .chasers-chase-editor,
  [data-chasers-root] .chasers-picker-main,
  [data-chasers-root] .chasers-choice-list {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  [data-chasers-root] .chasers-picker-main { display: block !important; }
  [data-chasers-root] .chasers-picker-main > * + * { margin-top: 0.75rem; }
  [data-chasers-root] .chasers-picker-toolbar,
  [data-chasers-root] .chasers-picker-search { position: static !important; }

  /* the head */
  [data-chasers-root] .chasers-chase-box-head { padding-bottom: 0; }
  [data-chasers-root] .chasers-chase-box-title img { max-height: 2.4rem; width: auto; }
  [data-chasers-root] .chasers-chase-apply { font-size: 1.3rem; }
  [data-chasers-root] .chasers-picker-intro { display: none !important; }

  /* the quick picks: one row that swipes */
  [data-chasers-root] .chasers-picker-toolbar {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0.45rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    margin-left: -0.2rem;
    margin-right: -0.2rem;
    padding: 0.1rem 0.2rem 0.2rem !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  [data-chasers-root] .chasers-picker-toolbar::-webkit-scrollbar { display: none; }
  [data-chasers-root] .chasers-picker-toolbar .chasers-picker-action { flex: none !important; min-height: 2rem; padding: 0.35rem 0.8rem; font-size: 0.72rem; }

  /* the search */
  [data-chasers-root] .chasers-picker-search { display: block !important; height: auto !important; }
  [data-chasers-root] .chasers-picker-search input { display: block; width: 100%; height: 2.6rem; font-size: 16px; }

  /* the dock: one compact bar */
  [data-chasers-root] .chasers-selection-dock:not([hidden]) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "copy btn" !important;
    align-items: center !important;
    gap: 0.6rem !important;
    padding: 0.6rem 0.7rem calc(0.6rem + env(safe-area-inset-bottom, 0px)) !important;
    min-height: 0 !important;
  }
  [data-chasers-root] .chasers-selection-dock-strip,
  [data-chasers-root] .chasers-selection-dock-bulk,
  [data-chasers-root] .chasers-selection-dock-clear { display: none !important; }
  [data-chasers-root] .chasers-selection-dock-copy {
    grid-area: copy !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 0.1rem 0.8rem !important;
    min-width: 0;
    padding: 0 !important;
  }
  [data-chasers-root] .chasers-selection-dock-copy > * {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    min-height: 0 !important;
  }
  [data-chasers-root] .chasers-selection-dock-stat[data-selection-dock-count] { flex: 1 0 100%; display: block !important; font-size: 0.92rem !important; text-align: left !important; justify-content: flex-start !important; justify-self: start !important; width: 100%; }
  [data-chasers-root] .chasers-selection-dock-copy { justify-content: flex-start !important; text-align: left !important; }
  [data-chasers-root] .chasers-selection-dock-stat-group { display: inline-flex !important; flex-direction: row !important; align-items: baseline !important; gap: 0.3rem !important; }
  [data-chasers-root] .chasers-selection-dock-label { font-size: 0.56rem !important; }
  [data-chasers-root] .chasers-selection-dock-value { font-size: 0.8rem !important; }
  [data-chasers-root] .chasers-apply-dock-button {
    grid-area: btn !important;
    width: auto !important;
    min-height: 2.9rem !important;
    margin: 0 !important;
    padding: 0 1.05rem !important;
    font-size: 0.82rem !important;
    letter-spacing: 0.05em !important;
  }
  [data-chasers-root] .chasers-apply-dock-button-arrow-wrap { display: none !important; }
}

/* 11/4: no set logo in the head (Nick); on phones the head is one tight line (title left,
   balance right), the Mode label goes (the switch says it), and the gaps close, so the cards
   start higher */
[data-chasers-root] .chasers-chase-box-title > img { display: none !important; }
@media (max-width: 760px) {
  [data-chasers-root] .chasers-selection-utility-inset { margin: 0 0 0.35rem !important; }
  [data-chasers-root] .chasers-selection-utility-mode { margin: 0.35rem 0 0 !important; }
  [data-chasers-root] .chasers-selection-utility-mode .chasers-stage-mode-label { display: none !important; }
  [data-chasers-root] .chasers-chase-box-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 0 !important;
    padding: 0.65rem 0.9rem 0 !important;
  }
  [data-chasers-root] .chasers-chase-box-title { min-height: 0 !important; height: auto !important; }
  [data-chasers-root] .chasers-chase-apply { font-size: 1.15rem !important; white-space: nowrap; min-height: 0 !important; }
  [data-chasers-root] .chasers-selection-balance { display: flex !important; align-items: baseline !important; gap: 0.35rem !important; }
  [data-chasers-root] .chasers-selection-balance > span { font-size: 0.58rem !important; }
  [data-chasers-root] .chasers-selection-balance .credit-balance-value { font-size: 0.95rem !important; }
  [data-chasers-root] .chasers-dropdown-panel.chasers-chase-list-panel { margin-top: 0.3rem !important; padding: 0.5rem 0.6rem !important; }
  [data-chasers-root] .chasers-picker-main > * + * { margin-top: 0.55rem !important; }
  [data-chasers-root] .chasers-picker-toolbar { margin-top: 0 !important; }
  [data-chasers-root] .chasers-picker-search input { height: 2.4rem !important; }
}