:root {
  --pcha-gold: #ffd700;
  --pcha-line: rgba(134, 166, 198, .2);
  --pcha-gold-line: rgba(255, 215, 0, .28);
  --pcha-panel: #071019;
  --pcha-panel-2: #0a1620;
  --pcha-muted: #91a3b2;
}

.pcha-shortcode-wrap,
.pcha-archive-layout,
.pcha-roster-pane,
.pcha-roster-console {
  width: 100%;
  max-width: none;
  min-width: 0;
}

.pcha-shortcode-wrap,
.pcha-archive-layout {
  display: block;
  margin: 0;
  overflow: visible;
}

.pcha-roster-pane { padding: 0; border: 0; background: transparent; }

.pcha-database-heading {
  margin: 0;
  padding: 11px 14px;
  border: 1px solid rgba(255, 215, 0, .18);
	border-radius: 8px;
  background: linear-gradient(145deg, rgba(255, 215, 0, .035), transparent 42%), rgba(7, 15, 23, .96);
}

.pcha-database-heading__eyebrow,
.pcha-filter-console-kicker {
  display: block;
  margin: 0 0 2px;
  color: var(--pcha-gold);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .13em;
  line-height: 1.2;
  text-transform: uppercase;
}

.pcha-database-heading__title-row { display: flex; align-items: center; gap: 10px; }
.pcha-database-heading__title-row > span { flex: 1 1 auto; height: 1px; background: linear-gradient(90deg, rgba(255, 215, 0, .42), transparent); }

.pcha-database-heading h1,
.pcha-filter-console-head h2 {
  margin: 0;
  color: #fff;
  font-family: Iceberg, Orbitron, Teko, Rajdhani, sans-serif;
  font-size: clamp(20px, 3.3cqw, 27px);
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.pcha-roster-console {
	padding: 11px 0 18px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.pcha-results-console { position: relative; z-index: 2; margin: 0 0 13px; padding: 0 0 11px; border-bottom: 1px solid var(--pcha-gold-line); }
.pcha-results-console__top { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 7px; }
.pcha-desktop-search-wrap { position: relative; display: block; min-width: 0; }

.pcha-desktop-search {
  width: 100%;
  min-height: 38px;
  padding: 8px 38px 8px 11px;
  border: 1px solid #d9b600;
  border-radius: 0;
  outline: 0;
  background: #0a1520;
  color: #fff;
}

.pcha-desktop-search:focus { border-color: #ffe34d; box-shadow: 0 0 0 2px rgba(255, 215, 0, .12); }

.pcha-search-glyph { position: absolute; z-index: 1; top: 50%; right: 13px; width: 12px; height: 12px; border: 2px solid #b9c8d4; border-radius: 50%; transform: translateY(-60%); pointer-events: none; }
.pcha-search-glyph::after { content: ""; position: absolute; right: -5px; bottom: -4px; width: 6px; height: 2px; background: #b9c8d4; transform: rotate(45deg); }

.pcha-rank-sort,
.pcha-roster-btn,
.pcha-clear-btn,
.pcha-mobile-filter-reset,
.pcha-roster-modal__cancel,
.pcha-roster-modal__action {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 7px 11px;
  border: 1px solid rgba(134, 166, 198, .3);
  border-radius: 5px;
  background: linear-gradient(180deg, #10202c, #0a1620);
  box-shadow: none;
  color: #dce6ed;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}

.pcha-rank-sort { gap: 7px; white-space: nowrap; }
.pcha-rank-sort__mark { display: grid; width: 21px; height: 21px; place-items: center; border: 1px solid rgba(255, 215, 0, .45); border-radius: 50%; color: var(--pcha-gold); font-family: Iceberg, Orbitron, sans-serif; font-size: 14px; font-style: italic; }

.pcha-rank-sort:hover,
.pcha-rank-sort:focus-visible,
.pcha-roster-btn:hover,
.pcha-roster-btn:focus-visible,
.pcha-clear-btn:hover,
.pcha-clear-btn:focus-visible { border-color: rgba(255, 215, 0, .66); color: #fff; outline: 0; }

.pcha-rank-sort.is-active,
.pcha-roster-btn.is-selected,
.pcha-roster-btn[aria-pressed="true"] { border-color: #ffec7a; background: linear-gradient(180deg, #ffe24a, #f2c500); color: #141414; }
.pcha-rank-sort.is-active .pcha-rank-sort__mark { background: #111; color: var(--pcha-gold); }

.pcha-result-count { display: flex; align-items: baseline; gap: 5px; white-space: nowrap; }
.pcha-result-count strong { color: var(--pcha-gold); font-family: Iceberg, Orbitron, sans-serif; font-size: 19px; line-height: 1; }
.pcha-result-count span { color: var(--pcha-muted); font-size: 8px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }

.pcha-active-filters { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.pcha-active-filters[hidden] { display: none; }
.pcha-filter-chip { display: inline-flex; align-items: center; min-height: 28px; padding: 5px 0 5px 10px; border: 1px solid rgba(255, 215, 0, .48); border-radius: 999px; background: rgba(255, 215, 0, .07); color: #e7edf2; font-size: 9px; font-weight: 800; cursor: pointer; }
.pcha-filter-chip span { align-self: stretch; display: grid; min-width: 28px; margin: -5px 0 -5px 8px; place-items: center; border-left: 1px solid rgba(255, 215, 0, .28); color: var(--pcha-gold); font-size: 14px; }

.pcha-entries,
.post-type-archive-hero .entries {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
  align-items: start;
  justify-content: start;
  gap: 24px 14px;
  width: 100%;
  margin: 0;
	padding: 2px 0 14px;
}

.pph-hero-wiki .pcha-entries,
.pph-hero-wiki.post-type-archive-hero .entries { grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: 19px 12px; }

.pcha-card--shared { padding-left: 0; }
.pcha-card--shared .pgub-hero-card { width: 100%; padding-left: 6px; }

.pcha-entries > article,
.post-type-archive-hero .entries > article,
.pcha-card,
.pcha-card .entry-card,
.pcha-card-link { width: 100%; min-width: 0; margin: 0; }

.pcha-card { position: relative; z-index: 1; }
.pcha-card:hover,
.pcha-card:focus-within { z-index: 20; }
.pcha-card-link { position: relative; display: block; color: inherit; text-decoration: none; }

.pcha-card-frame {
  --pcha-rarity-rgb: 255, 215, 0;
  position: relative;
  isolation: isolate;
  display: block;
  width: 100%;
  aspect-ratio: 5 / 7;
  overflow: visible;
  border: 1px solid rgba(255, 255, 255, .52);
  border-radius: 5px;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgb(var(--pcha-rarity-rgb)) 13%, rgba(73,57,19,.98) 44%, rgba(22,20,15,.99) 56%, rgb(var(--pcha-rarity-rgb)) 76%, rgba(255,255,255,.72));
  box-shadow: inset 0 0 0 2px rgba(4,6,10,.82), inset 0 0 0 3px rgba(255,255,255,.08);
  filter: drop-shadow(0 6px 6px rgba(0,0,0,.55));
}

.pcha-rarity-legendary { --pcha-rarity-rgb: 255, 203, 54; }
.pcha-rarity-epic { --pcha-rarity-rgb: 178, 77, 255; }
.pcha-rarity-rare { --pcha-rarity-rgb: 54, 151, 255; }
.pcha-card-canvas { position: absolute; inset: 5px; overflow: hidden; background: #111722; }
.pcha-card-rarity-bg,
.pcha-card-portrait,
.pcha-card-vignette { position: absolute; inset: 0; display: block; }
.pcha-card-rarity-bg { z-index: 1; width: 100%; height: 100%; object-fit: cover; }
.pcha-card-portrait { z-index: 2; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 9%; }

.pcha-card-image,
.pcha-card-portrait > img { display: block; width: 100%; max-width: 100%; height: 100%; object-fit: contain; object-position: center bottom; filter: drop-shadow(0 5px 6px rgba(0,0,0,.72)); transform: scale(1); transform-origin: center bottom; transition: transform .35s ease, filter .35s ease; }
.pcha-card-vignette { z-index: 3; pointer-events: none; background: linear-gradient(to bottom, transparent 54%, rgba(2,4,8,.16) 70%, rgba(2,4,8,.9) 100%); }
.pcha-thumb-placeholder { display: grid; width: 100%; height: 100%; place-items: center; color: #fff; font-weight: 900; }

.pcha-card-badge { position: absolute; z-index: 8; display: block; width: 21%; aspect-ratio: 1; pointer-events: auto; }
.pcha-card-badge img,
.pcha-card-lord-crown img { display: block; width: 100%; height: 100%; max-width: none; max-height: none; object-fit: contain; }
.pcha-card-badge--faction { left: 0; width: min(40%, 44px); transform: translateX(-50%); }
.pcha-card-badge--faction-1 { top: 4%; }
.pcha-card-badge--faction-2 { top: 30%; }
.pcha-card-badge--damage,
.pcha-card-badge--class { right: 4px; padding: 2px; border: 1px solid rgba(var(--pcha-rarity-rgb), .5); border-radius: 50%; background: radial-gradient(circle at 35% 28%, rgba(85,94,106,.78), rgba(7,10,16,.94) 65%); box-shadow: 0 3px 7px rgba(0,0,0,.72); }
.pcha-card-badge--damage { top: 7px; }
.pcha-card-badge--class { top: 24%; }

.pcha-card-lord-crown { position: absolute; z-index: 9; top: 0; left: 0; display: block; width: min(31%, 35px); aspect-ratio: 1; transform: translate(-50%, -8%); pointer-events: none; }
.pcha-card-nameplate { position: absolute; z-index: 7; right: 5px; bottom: 5px; left: 5px; display: block; padding: 4px 3px 3px; overflow: hidden; border: 1px solid rgba(var(--pcha-rarity-rgb), .68); border-radius: 4px; background: linear-gradient(180deg, rgba(52,61,73,.96), rgba(8,11,17,.99) 55%); text-align: center; }

.pcha-card .entry-title,
.post-type-archive-hero .entries .entry-title { position: relative; z-index: 1; display: block; width: 100%; margin: 0; overflow: hidden; color: #fff; font-family: Iceberg, Orbitron, Teko, Rajdhani, sans-serif; font-size: 9px; font-weight: 900; letter-spacing: .015em; line-height: 1; text-overflow: clip; text-transform: uppercase; white-space: nowrap; text-shadow: 0 1px 4px #000; }
.pcha-card-title-text { display: inline-block; min-width: max-content; white-space: nowrap; }
.pcha-card .entry-title.is-truncated { text-align: left; }
.pcha-card-link:hover .entry-title.is-truncated .pcha-card-title-text,
.pcha-card-link:focus-visible .entry-title.is-truncated .pcha-card-title-text { animation: pcha-title-marquee var(--pcha-marquee-duration, 3.5s) ease-in-out infinite; }

.pcha-card-rank { position: absolute; z-index: 10; right: 8px; bottom: 27px; color: #ffd24a; font-family: Iceberg, Orbitron, sans-serif; font-size: 17px; font-style: italic; font-weight: 900; line-height: 1; text-shadow: 0 2px 3px #000, 0 0 5px rgba(255, 205, 49, .6); }
.pcha-card-collaboration-logo { position: absolute; z-index: 9; left: 5px; bottom: 29px; display: block; max-width: 52%; max-height: 18px; pointer-events: none; }
.pcha-card-collaboration-logo img { display: block; width: auto; max-width: 100%; height: auto; max-height: 18px; object-fit: contain; }
.pcha-test-server-badge { position: absolute; z-index: 9; top: 5px; left: 50%; padding: 2px 4px; border-radius: 3px; background: #b4151b; color: #fff; font-size: 6px; font-weight: 900; line-height: 1; text-transform: uppercase; transform: translateX(-50%); }

.pcha-card-badge::after,
.pcha-card-tooltip { position: absolute; z-index: 30; top: 50%; width: max-content; max-width: 170px; padding: 5px 7px; border: 1px solid rgba(255, 215, 0, .62); border-radius: 4px; background: #071019; box-shadow: 0 5px 14px rgba(0,0,0,.78); color: #fff; content: attr(data-pcha-tooltip); font-size: 9px; font-weight: 800; line-height: 1.2; opacity: 0; pointer-events: none; white-space: nowrap; }
.pcha-card-badge--faction::after { left: calc(100% + 6px); transform: translateY(-50%); }
.pcha-card-badge--damage::after,
.pcha-card-badge--class::after { right: calc(100% + 6px); transform: translateY(-50%); }
.pcha-card-badge:hover::after { opacity: 1; }
.pcha-card-badge--external-tooltip::after { display: none; }
.pcha-card-tooltip--lord-faction { top: 9%; left: 24%; }
.pcha-card-badge--external-tooltip:hover + .pcha-card-tooltip--lord-faction { opacity: 1; }
.pcha-card-link:hover .pcha-card-image,
.pcha-card-link:focus-visible .pcha-card-image,
.pcha-card-link:hover .pcha-card-portrait > img,
.pcha-card-link:focus-visible .pcha-card-portrait > img { filter: drop-shadow(0 7px 8px rgba(0,0,0,.82)) drop-shadow(0 0 8px rgba(var(--pcha-rarity-rgb), .38)); transform: scale(1.055); }

@keyframes pcha-title-marquee { 0%, 12%, 100% { transform: translateX(0); } 68%, 84% { transform: translateX(calc(-1 * var(--pcha-marquee-distance, 0px))); } }
.pcha-infinite-nav { width: 100%; height: 1px; margin: 0; overflow: hidden; }
.pcha-infinite-nav .next { display: none; }
.pcha-infinite-sentinel { width: 100%; height: 1px; pointer-events: none; }
.pcha-load-shell { width: 100%; margin: 18px auto 0; text-align: center; }
.pcha-load-shell[hidden],
.pcha-loading[hidden],
.pcha-end-of-list[hidden] { display: none; }
.pcha-loading,
.pcha-end-of-list { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: var(--pcha-gold); font-weight: 900; text-transform: uppercase; }
.pcha-loading__spinner { width: 28px; height: 28px; border: 3px solid rgba(255, 215, 0, .2); border-top-color: var(--pcha-gold); border-radius: 50%; animation: pcha-spin .9s linear infinite; }
@keyframes pcha-spin { to { transform: rotate(360deg); } }
.pcha-no-results { grid-column: 1 / -1; padding: 30px 18px; border: 1px solid var(--pcha-line); background: rgba(255,255,255,.025); text-align: center; }
.pcha-no-results__title { color: var(--pcha-gold); font-weight: 900; }
.pcha-no-results__text { margin-top: 5px; color: var(--pcha-muted); }

/* One filter component; desktop uses the sidebar widget and mobile uses its drawer state. */
.pph-hero-filter-target:empty { display: none; }
.pph-hero-filter-widget { padding: 0; overflow: visible; border: 1px solid var(--pcha-line); border-radius: 8px; background: rgba(6, 13, 20, .96); box-shadow: 0 14px 34px rgba(0, 0, 0, .28); }
.pph-hero-filter-widget > .pph-card-kicker { margin: 0; border-bottom: 1px solid var(--pcha-line); border-radius: 8px 8px 0 0; background: #08121b; }
.pcha-filter-shell,
.pcha-filter-form { width: 100%; min-width: 0; margin: 0; }
.pcha-sticky-bar { display: none; }
.pcha-filter-panel { display: block; width: 100%; height: auto; max-height: none; padding: 12px 10px 14px; overflow: visible; border: 0; background: transparent; }
.pcha-filter-panel[hidden] { display: none; }
.pcha-filter-fixed-head { position: static; margin: 0; padding: 0 0 11px; }
.pcha-filter-console-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.pph-hero-filter-widget .pcha-filter-console-head > div:first-child { display: none; }
.pcha-filter-console-head h2 { font-size: 18px; }
.pcha-filter-console-tools { display: flex; align-items: center; justify-content: flex-end; gap: 8px; width: 100%; }
.pcha-active-count { color: var(--pcha-gold); font-size: 8px; font-weight: 900; text-transform: uppercase; }
.pcha-active-count[hidden] { display: none; }
.pcha-roster-filter { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px; width: 100%; }
.pcha-roster-btn { min-width: 0; min-height: 36px; padding: 7px 5px; border-radius: 4px; }
.pcha-filter-drawer-scroll { display: block; }

.pcha-filter-section { display: grid; gap: 7px; width: 100%; margin-top: 12px; }
.pcha-filter-label,
.pcha-effects-panel__summary { display: flex; align-items: center; gap: 8px; padding: 0 0 7px; color: var(--pcha-gold); font-size: 9px; font-weight: 900; letter-spacing: .1em; line-height: 1.2; text-transform: uppercase; }
.pcha-filter-label::after,
.pcha-effects-panel__summary::before { content: ""; flex: 1 1 auto; height: 1px; background: linear-gradient(90deg, rgba(255, 215, 0, .42), transparent); }
.pcha-icon-row { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 5px; width: 100%; }

.pcha-icon-btn { appearance: none; position: relative; display: grid; width: 38px; height: 38px; padding: 4px; place-items: center; border: 1px solid rgba(134, 166, 198, .16); border-radius: 6px; background: rgba(255,255,255,.025); color: #dce6ed; cursor: pointer; }
.pcha-icon-btn:hover,
.pcha-icon-btn:focus-visible { border-color: rgba(255, 215, 0, .52); outline: 0; }
.pcha-icon-btn.is-selected,
.pcha-icon-btn[aria-pressed="true"] { border-color: var(--pcha-gold); background: rgba(255, 215, 0, .1); box-shadow: inset 0 0 12px rgba(255,215,0,.08); }
.pcha-icon-btn img,
.pcha-icon-fallback { display: block; width: 100%; height: 100%; object-fit: contain; }
.pcha-icon-fallback { display: grid; place-items: center; font-size: 8px; font-weight: 900; }

.pcha-filter-section--factions .pcha-icon-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.pcha-filter-section--factions .pcha-icon-btn { display: grid; flex: 0 0 38px; width: 38px; height: 38px; padding: 5px; place-items: center; }
.pcha-filter-section--factions .pcha-icon-btn img,
.pcha-filter-section--factions .pcha-icon-fallback { width: 28px; height: 28px; }
.pcha-rarity-source-row { display: flex; align-items: center; gap: 6px; }
.pcha-rarity-source-row > .pcha-icon-row { width: auto; }

.pcha-effects-panel { width: 100%; margin-top: 14px; }
.pcha-effects-panel__summary { list-style: none; cursor: pointer; }
.pcha-effects-panel__summary::-webkit-details-marker { display: none; }
.pcha-effects-panel__summary > span:first-child { order: 1; }
.pcha-effects-panel__summary::before { order: 2; }
.pcha-effects-panel__summary > span:last-child { order: 3; }
.pcha-effects-panel[open] .pcha-effects-panel__summary > span:last-child { transform: rotate(180deg); }
.pcha-dropdown-row { display: grid; grid-template-columns: 1fr; gap: 5px; }
.pcha-dropdown { position: relative; min-width: 0; }
.pcha-dropdown__summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 36px; padding: 8px 9px; border: 1px solid var(--pcha-line); border-radius: 4px; background: rgba(255,255,255,.025); color: #dce6ed; font-size: 9px; font-weight: 800; list-style: none; cursor: pointer; }
.pcha-dropdown__summary::-webkit-details-marker { display: none; }
.pcha-dropdown.has-selected > .pcha-dropdown__summary { border-color: rgba(255, 215, 0, .56); background: rgba(255, 215, 0, .07); }
.pcha-dropdown__panel { position: absolute; z-index: 30; top: calc(100% + 4px); right: 0; left: 0; max-height: 260px; padding: 4px; overflow: auto; border: 1px solid rgba(134, 166, 198, .28); border-radius: 4px; background: #08131d; box-shadow: 0 12px 24px rgba(0,0,0,.48); }
.pcha-check { display: flex; align-items: center; gap: 7px; padding: 6px 7px; color: #e3ebf1; font-size: 9px; }
.pcha-check:hover { background: rgba(255,255,255,.05); }
.pcha-check input { margin: 0; }
.pcha-dropdown__empty { padding: 7px; color: var(--pcha-muted); font-size: 9px; }
.pcha-actions { display: flex; justify-content: stretch; margin-top: 10px; }
.pcha-clear-btn { width: 100%; }
.pcha-filter-mobile-close,
.pcha-mobile-filter-actions { display: none; }

body.pcha-modal-open { overflow: hidden; }
.pcha-roster-modal { position: fixed; z-index: 2147483001; inset: 0; display: grid; padding: 20px; place-items: center; }
.pcha-roster-modal__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.8); }
.pcha-roster-modal__card { position: relative; width: min(430px, 100%); padding: 28px; border: 1px solid rgba(255,215,0,.7); border-radius: 7px; background: #08131d; color: #fff; text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,.7); }
.pcha-roster-modal__card h3 { margin: 0 24px 10px; color: var(--pcha-gold); }
.pcha-roster-modal__card p { margin: 0 0 20px; }
.pcha-roster-modal__actions { display: flex; justify-content: center; gap: 8px; }
.pcha-roster-modal__close { position: absolute; top: 6px; right: 10px; padding: 0; border: 0; background: transparent; color: #aebbc5; font-size: 28px; cursor: pointer; }
.pcha-roster-modal__action { border-color: #ffec7a; background: linear-gradient(180deg, #ffe24a, #f2c500); color: #141414; }

@media (min-width: 1101px) {
  .pcha-filter-panel[hidden] { display: block; }
}

@media (max-width: 1100px) {
  html.pcha-filter-open,
  body.pcha-filter-open { overflow: hidden; overscroll-behavior: none; }
  .pcha-archive-layout > .pcha-filter-shell { width: 100%; margin: 0; }
  .pcha-filter-shell:not([data-pcha-mobile-open="true"]) .pcha-sticky-bar { display: block; }
  .pcha-filter-shell:not([data-pcha-mobile-open="true"]) .pcha-filter-toggle { position: fixed; z-index: 99999; top: 48%; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; width: 34px; min-width: 34px; height: 116px; min-height: 116px; padding: 10px 3px; border: 1px solid rgba(255, 215, 0, .7); border-left: 0; border-radius: 0 8px 8px 0; background: linear-gradient(180deg, rgba(25,31,42,.98), rgba(5,9,15,.99)); box-shadow: 5px 8px 22px rgba(0,0,0,.58); color: #fff; transform: translateY(-50%); }
  .pcha-filter-toggle > span:first-child { font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg); }
  .pcha-filter-toggle > span:last-child { display: none; }
  .pcha-filter-toggle__count { display: grid; width: 22px; height: 22px; place-items: center; border: 1px solid rgba(255,215,0,.7); border-radius: 50%; color: var(--pcha-gold); font-size: 10px; }
  .pcha-filter-toggle__count[hidden] { display: none; }
  .pcha-sticky-bar .pcha-search-wrap { display: none; }
  body > .pcha-filter-shell[data-pcha-mobile-open="true"] { position: fixed; z-index: 2147483000; inset: 0; width: 100vw; height: 100dvh; margin: 0; }
  body > .pcha-filter-shell[data-pcha-mobile-open="true"] .pcha-sticky-bar { display: none; }
  .pcha-filter-shell[data-pcha-mobile-open="true"] .pcha-filter-panel,
  .pcha-filter-shell[data-pcha-mobile-open="true"] .pcha-filter-panel[hidden] { position: fixed; z-index: 2147483000; inset: 0; display: flex; flex-direction: column; width: 100vw; height: 100dvh; padding: 0; overflow: hidden; background: linear-gradient(180deg, #101722, #070b12 55%, #04070c); }
  .pcha-filter-panel .pcha-filter-fixed-head { flex: 0 0 auto; padding: max(18px, env(safe-area-inset-top)) 18px 14px; border-bottom: 1px solid var(--pcha-gold-line); background: #071019; }
  .pcha-filter-console-head { margin-bottom: 14px; }
  .pph-hero-filter-widget .pcha-filter-console-head > div:first-child,
  body > .pcha-filter-shell .pcha-filter-console-head > div:first-child { display: block; }
  .pcha-filter-console-tools { width: auto; }
  .pcha-filter-mobile-close { appearance: none; box-sizing: border-box; display: grid; flex: 0 0 42px; width: 42px; height: 42px; min-width: 42px; min-height: 42px; margin: 0; padding: 0; place-items: center; border: 1px solid rgba(255,215,0,.42); border-radius: 6px; background: rgba(255,255,255,.035); color: #fff; font-size: 0; line-height: 1; cursor: pointer; }
  .pcha-filter-mobile-close::before { content: "×"; display: block; font-family: Arial, sans-serif; font-size: 28px; font-weight: 400; line-height: 1; transform: translateY(-1px); }
  .pcha-filter-drawer-scroll { flex: 1 1 auto; min-height: 0; padding: 18px 18px 26px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; }
  .pcha-filter-panel .pcha-filter-section,
  .pcha-filter-panel .pcha-effects-panel { margin-top: 18px; padding-bottom: 18px; border-bottom: 1px solid rgba(255,215,0,.18); }
  .pcha-filter-panel .pcha-filter-label,
  .pcha-filter-panel .pcha-effects-panel__summary { font-size: 11px; }
  .pcha-filter-panel .pcha-filter-section--factions .pcha-icon-row { display:flex; flex-wrap:wrap; gap:8px; }
  .pcha-filter-panel .pcha-filter-section--factions .pcha-icon-btn { display:grid; flex:0 0 48px; width:48px; height:48px; min-height:48px; padding:5px; place-items:center; }
  .pcha-filter-panel .pcha-filter-section--factions .pcha-icon-btn img,
  .pcha-filter-panel .pcha-filter-section--factions .pcha-icon-fallback { width: 38px; height: 38px; }
  .pcha-filter-panel .pcha-filter-section:not(.pcha-filter-section--factions) .pcha-icon-btn { width: 48px; height: 48px; }
  .pcha-filter-panel .pcha-dropdown__summary { min-height: 44px; font-size: 11px; }
  .pcha-filter-panel .pcha-dropdown__panel { position: static; margin-top: 5px; max-height: 38dvh; box-shadow: none; }
  .pcha-filter-panel .pcha-actions { display: none; }
  .pcha-mobile-filter-actions { flex: 0 0 auto; display: grid; grid-template-columns: minmax(86px, .34fr) minmax(0, 1fr); gap: 9px; padding: 11px 18px calc(11px + env(safe-area-inset-bottom)); border-top: 1px solid rgba(255,215,0,.34); background: #05080e; }
  .pcha-mobile-filter-reset,
  .pcha-mobile-filter-apply { min-height: 48px; border-radius: 6px; font-size: 12px; font-weight: 900; text-transform: uppercase; }
  .pcha-mobile-filter-apply { border: 1px solid #ffec7a; background: linear-gradient(180deg, #ffe24a, #f2c500); color: #141414; }
  .pcha-results-console__top { grid-template-columns: auto auto; justify-content: end; }
  .pcha-desktop-search-wrap { display: none; }
}

@media (max-width: 760px) {
  .pcha-database-heading { padding: 13px 15px 10px; border-right: 0; border-left: 0; border-radius: 0; }
  .pcha-roster-console { padding: 10px 12px 20px; border-right: 0; border-left: 0; border-radius: 0; box-shadow: none; }
  .pcha-entries,
  .post-type-archive-hero .entries,
  .pph-hero-wiki .pcha-entries,
  .pph-hero-wiki.post-type-archive-hero .entries { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 14px; padding: 3px 3px 12px 16px; }
  .pcha-card .entry-title,
  .post-type-archive-hero .entries .entry-title { font-size: 9px; }
}

@media (max-width: 380px) {
  .pcha-entries,
  .post-type-archive-hero .entries,
  .pph-hero-wiki .pcha-entries,
  .pph-hero-wiki.post-type-archive-hero .entries { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 22px; padding-left: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .pcha-card-image,
  .pcha-card-portrait > img,
  .pcha-card-title-text,
  .pcha-loading__spinner { transition-duration: .01ms; animation-duration: .01ms; animation-iteration-count: 1; }
}