/**
 * Paperchase.shop–inspired roster wall (distribution blue + shop gold, skew CTAs, vignette).
 * Active when Customizer skin = Paperchase (body.teovt-skin--paperchase) or legacy teovt-pcs-skin.
 */

body.teovt-body.teovt-skin--paperchase.teovt-roster-wall,
body.teovt-body.teovt-pcs-skin.teovt-roster-wall {
  --pcs-hub-blue: #2f6bff;
  --pcs-hub-blue-dim: rgba(47, 107, 255, 0.22);
  --pcs-shop-gold: #e8c547;
  --pcs-shop-gold-dim: rgba(232, 197, 71, 0.18);
  --pcs-ink: #06080d;
  --pcs-panel: rgba(12, 16, 28, 0.78);
  --vantage-neon: rgba(47, 107, 255, 0.45);
  --veov-vantage-green: var(--pcs-hub-blue);
  --veov-liquid-gold: var(--pcs-shop-gold);
  font-family: "Jost", "Montserrat", var(--teovt-font-body, system-ui), sans-serif;
}

body.teovt-body.teovt-skin--paperchase.teovt-roster-wall .teovt-layer--bg,
body.teovt-body.teovt-pcs-skin.teovt-roster-wall .teovt-layer--bg {
  background:
    radial-gradient(ellipse 120% 90% at 50% -10%, var(--pcs-hub-blue-dim), transparent 55%),
    radial-gradient(ellipse 80% 70% at 100% 100%, var(--pcs-shop-gold-dim), transparent 45%),
    radial-gradient(ellipse 70% 60% at 0% 80%, rgba(47, 107, 255, 0.12), transparent 50%),
    linear-gradient(165deg, var(--pcs-ink) 0%, #030306 48%, #080510 100%);
  box-shadow: inset 0 0 120px rgba(0, 0, 0, 0.65);
}

body.teovt-body.teovt-skin--paperchase.teovt-roster-wall .teovt-shell,
body.teovt-body.teovt-pcs-skin.teovt-roster-wall .teovt-shell {
  max-width: min(100vw, 92rem);
  margin-inline: auto;
  padding-inline: clamp(0.5rem, 2vw, 1.25rem);
}

body.teovt-body.teovt-skin--paperchase.teovt-roster-wall .teovt-header,
body.teovt-body.teovt-pcs-skin.teovt-roster-wall .teovt-header {
  border-bottom: 1px solid rgba(232, 197, 71, 0.2);
  padding-bottom: 0.65rem;
  margin-bottom: 0.35rem;
}

body.teovt-body.teovt-skin--paperchase.teovt-roster-wall .teovt-brand,
body.teovt-body.teovt-pcs-skin.teovt-roster-wall .teovt-brand {
  font-weight: 800;
  letter-spacing: 0.04em;
  font-size: clamp(1.15rem, 2.2vw, 1.65rem);
  background: linear-gradient(105deg, #fff 0%, var(--pcs-shop-gold) 55%, #fff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

body.teovt-body.teovt-skin--paperchase.teovt-roster-wall .teovt-tagline,
body.teovt-body.teovt-pcs-skin.teovt-roster-wall .teovt-tagline {
  font-family: "Montserrat", "Jost", sans-serif;
  font-style: italic;
  color: rgba(210, 220, 255, 0.78);
  font-size: 0.78rem;
  letter-spacing: 0.22em;
}

body.teovt-body.teovt-skin--paperchase.teovt-roster-wall .teovt-data-source-badge,
body.teovt-body.teovt-pcs-skin.teovt-roster-wall .teovt-data-source-badge {
  border-color: rgba(47, 107, 255, 0.55);
  background: rgba(8, 12, 28, 0.75);
  color: rgba(200, 215, 255, 0.9);
}

body.teovt-body.teovt-skin--paperchase.teovt-roster-wall .teovt-data-source-badge__value,
body.teovt-body.teovt-pcs-skin.teovt-roster-wall .teovt-data-source-badge__value {
  color: var(--pcs-shop-gold);
}

body.teovt-body.teovt-skin--paperchase.teovt-roster-wall .teovt-sequence__nav,
body.teovt-body.teovt-pcs-skin.teovt-roster-wall .teovt-sequence__nav {
  gap: 0.35rem;
}

body.teovt-body.teovt-skin--paperchase.teovt-roster-wall .teovt-sequence__nav button,
body.teovt-body.teovt-pcs-skin.teovt-roster-wall .teovt-sequence__nav button {
  position: relative;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(10, 14, 26, 0.65);
  color: rgba(230, 235, 255, 0.85);
  font-weight: 700;
  letter-spacing: 0.06em;
  transform: skewX(-8deg);
  transition:
    color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

body.teovt-body.teovt-skin--paperchase.teovt-roster-wall .teovt-sequence__nav button::after,
body.teovt-body.teovt-pcs-skin.teovt-roster-wall .teovt-sequence__nav button::after {
  content: "";
  position: absolute;
  left: -6px;
  bottom: 0;
  width: 0;
  height: 86%;
  background: linear-gradient(180deg, var(--pcs-hub-blue), rgba(47, 107, 255, 0.35));
  border-radius: 2px;
  opacity: 0;
  transition:
    width 0.22s ease,
    opacity 0.22s ease;
  z-index: 0;
  pointer-events: none;
}

body.teovt-body.teovt-skin--paperchase.teovt-roster-wall .teovt-sequence__nav button:hover,
body.teovt-body.teovt-skin--paperchase.teovt-roster-wall .teovt-sequence__nav button:focus-visible,
body.teovt-body.teovt-pcs-skin.teovt-roster-wall .teovt-sequence__nav button:hover,
body.teovt-body.teovt-pcs-skin.teovt-roster-wall .teovt-sequence__nav button:focus-visible {
  color: #fff;
  border-color: rgba(47, 107, 255, 0.55);
  box-shadow: 0 0 0 1px rgba(232, 197, 71, 0.15);
}

body.teovt-body.teovt-skin--paperchase.teovt-roster-wall .teovt-sequence__nav button:hover::after,
body.teovt-body.teovt-skin--paperchase.teovt-roster-wall .teovt-sequence__nav button:focus-visible::after,
body.teovt-body.teovt-pcs-skin.teovt-roster-wall .teovt-sequence__nav button:hover::after,
body.teovt-body.teovt-pcs-skin.teovt-roster-wall .teovt-sequence__nav button:focus-visible::after {
  width: 132%;
  opacity: 1;
}

body.teovt-body.teovt-skin--paperchase.teovt-roster-wall .teovt-sequence__nav button[aria-current="true"],
body.teovt-body.teovt-pcs-skin.teovt-roster-wall .teovt-sequence__nav button[aria-current="true"] {
  color: #050608;
  border-color: rgba(232, 197, 71, 0.65);
  background: linear-gradient(120deg, var(--pcs-shop-gold) 0%, #f0e6a8 100%);
  box-shadow:
    0 0 24px rgba(232, 197, 71, 0.35),
    0 0 0 1px rgba(47, 107, 255, 0.25);
}

body.teovt-body.teovt-skin--paperchase.teovt-roster-wall .teovt-sequence__nav button[aria-current="true"]::after,
body.teovt-body.teovt-pcs-skin.teovt-roster-wall .teovt-sequence__nav button[aria-current="true"]::after {
  opacity: 0;
}

body.teovt-body.teovt-skin--paperchase.teovt-roster-wall .teovt-panel,
body.teovt-body.teovt-pcs-skin.teovt-roster-wall .teovt-panel {
  background: var(--pcs-panel);
  border-color: rgba(47, 107, 255, 0.25);
  box-shadow:
    0 0 0 1px rgba(232, 197, 71, 0.08),
    0 18px 48px rgba(0, 0, 0, 0.35);
}

body.teovt-body.teovt-skin--paperchase.teovt-roster-wall .teovt-title,
body.teovt-body.teovt-pcs-skin.teovt-roster-wall .teovt-title {
  color: rgba(248, 250, 255, 0.95);
}

body.teovt-body.teovt-skin--paperchase.teovt-roster-wall .teovt-leader-line,
body.teovt-body.teovt-pcs-skin.teovt-roster-wall .teovt-leader-line {
  background: linear-gradient(90deg, var(--pcs-hub-blue), var(--pcs-shop-gold), transparent);
  opacity: 0.85;
}

body.teovt-body.teovt-skin--paperchase.teovt-roster-wall .teovt-roster-list__vel,
body.teovt-body.teovt-pcs-skin.teovt-roster-wall .teovt-roster-list__vel {
  color: var(--pcs-shop-gold);
}

body.teovt-body.teovt-skin--paperchase.teovt-roster-wall .teovt-spotlight-kicker,
body.teovt-body.teovt-pcs-skin.teovt-roster-wall .teovt-spotlight-kicker {
  color: var(--pcs-hub-blue);
  letter-spacing: 0.2em;
}

body.teovt-body.teovt-skin--paperchase.teovt-roster-wall .teovt-spotlight-name,
body.teovt-body.teovt-pcs-skin.teovt-roster-wall .teovt-spotlight-name {
  color: #fff;
}

body.teovt-body.teovt-skin--paperchase.teovt-roster-wall .teovt-ticker,
body.teovt-body.teovt-pcs-skin.teovt-roster-wall .teovt-ticker {
  border-top-color: rgba(232, 197, 71, 0.28);
  background: rgba(6, 8, 14, 0.92);
}

body.teovt-body.teovt-skin--paperchase.teovt-roster-wall .teovt-ticker__item,
body.teovt-body.teovt-pcs-skin.teovt-roster-wall .teovt-ticker__item {
  color: rgba(230, 236, 255, 0.88);
}