body.players-refined {
  --player-edge: #ffffff15;
  --player-muted: #a3a1ab;
  --player-red: #ec3a32;
  height: auto;
  min-height: 100svh;
  overflow-y: auto;
}

body.players-refined .home-ambient::before { opacity: .1; }
body.players-refined .home-ambient::after { opacity: .12; }
body.players-refined .site-footer { margin-top: auto; }
body.players-refined #players-page {
  width: min(calc(100% - 112px), 1328px);
  margin: 42px auto 32px;
  flex: 1 0 auto;
  animation: none;
  opacity: 1;
  transform: none;
}

body.players-refined #players-page .players-board-heading {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 32px;
  padding-bottom: 26px;
}


body.players-refined #players-page .players-board-title h1 {
  color: var(--paint-text,#f5f2f3);
  font-family: "BGSI Interface", sans-serif;
  font-size: clamp(32px, 3vw, 42px);
  font-weight: 700;
  letter-spacing: -1.6px;
  line-height: 1.1;
}

body.players-refined #players-page .players-board-title h1 > span { color: var(--player-red); }
body.players-refined #players-page .page-controls {
  display: flex;
  flex: 0 1 530px;
  min-width: 0;
  gap: 10px;
  padding: 0;
}

body.players-refined #players-page .player-search {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  height: 46px;
  gap: 10px;
  padding: 0 14px;
  color: var(--paint-muted,#b4b0bb);
  background: linear-gradient(180deg, var(--paint-surface,#18171b), var(--paint-base,#0e0d11));
  border: 1px solid var(--paint-line-a12,#ffffff1e);
  border-radius: 11px;
  box-shadow: inset 0 1px 0 var(--paint-shadow-a4,#ffffff09), inset 0 -1px 0 var(--paint-shadow,#000);
  transition: border-color .18s, box-shadow .18s;
}

body.players-refined #players-page .player-search:focus-within {
  border-color: var(--paint-accent-a60,#ec3a3299);
  box-shadow: inset 0 1px 0 var(--paint-shadow-a4,#ffffff09), 0 0 0 3px var(--paint-accent-a8,#ec3a3214);
}

body.players-refined #players-page .player-search > .icon { width: 18px; height: 18px; color: var(--paint-muted,#a5a0ad); }
body.players-refined #players-page .player-search input {
  flex: 1;
  width: 100%;
  min-width: 0;
  height: 44px;
  padding: 0;
  color: var(--paint-text,#f3f0f4);
  font-size: 12px;
  font-weight: 400;
  background: transparent;
  border: 0;
  outline: 0;
  box-shadow: none;
}

body.players-refined #players-page .player-search input::placeholder { color: var(--paint-muted,#a6a1ac); opacity: 1; }
body.players-refined #players-page .player-search input::-webkit-search-cancel-button { -webkit-appearance: none; }
body.players-refined #players-page #player-search-clear {
  display: grid;
  place-items: center;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  padding: 4px;
  color: var(--paint-muted,#b5afb8);
  background: var(--paint-tint-a2,#ffffff06);
  border: 1px solid var(--paint-line-a6,#ffffff10);
  border-radius: 6px;
  cursor: pointer;
}

body.players-refined #players-page #player-search-clear svg { width: 16px; height: 16px; }
body.players-refined #players-page #player-search-clear:hover { color: var(--paint-text,#fff); background: var(--paint-tint-a5,#ffffff0c); }
body.players-refined #players-page .player-sort {
  display: block;
  flex: 0 0 175px;
  width: 175px;
  height: 46px;
  padding: 0;
  color: var(--paint-text,#e6e0e8);
  background: linear-gradient(180deg, var(--paint-surface,#19171c), var(--paint-base,#100e13));
  border: 1px solid var(--paint-line-a13,#ffffff20);
  border-radius: 11px;
  box-shadow: inset 0 1px 0 var(--paint-shadow-a3,#ffffff07);
}

body.players-refined #players-page .player-sort:focus-within { border-color: var(--paint-accent-a60,#ec3a3299); }
body.players-refined #players-page .player-sort .custom-select { height: 100%; }
body.players-refined #players-page .player-sort .custom-select-trigger {
  height: 100%;
  min-height: 44px;
  padding: 0 13px;
  gap: 8px;
  color: var(--paint-text,#e7e1e9);
  font-size: 11px;
  font-weight: 450;
  background: transparent;
  border: 0;
}

body.players-refined #players-page .player-sort .custom-select-chevron { width: 13px; height: 13px; color: var(--paint-muted,#aea6b4); }
body.players-refined #players-page .player-sort .custom-select-trigger:focus-visible { outline-offset: 3px; }
body.players-refined #players-page .player-sort .custom-select-menu {
  top: calc(100% + 8px);
  right: 0;
  left: auto;
  min-width: 175px;
  width: 175px;
  padding: 5px;
  color: var(--paint-text,#f5f0f5);
  background: var(--paint-base-a96,#151318f5);
  border: 1px solid var(--paint-line-a14,#ffffff24);
  border-radius: 10px;
  box-shadow: 0 16px 42px var(--paint-shadow-a60,#0009), inset 0 1px 0 var(--paint-shadow-a3,#ffffff07);
  backdrop-filter: blur(14px);
}

body.players-refined #players-page .player-sort .custom-select-option {
  min-height: 38px;
  padding: 9px 10px;
  color: var(--paint-text,#d9d3dd);
  font-size: 11px;
  font-weight: 400;
  border-radius: 6px;
}

body.players-refined #players-page .player-sort .custom-select-option:is(:hover, :focus-visible) { background: var(--paint-tint-a4,#ffffff09); color: var(--paint-text,#fff); }
body.players-refined #players-page .player-sort .custom-select-option[aria-selected="true"] { color: var(--paint-accent-text,#ff9d96); background: var(--paint-accent-a8,#ec3a3215); }
body.players-refined #players-page .players-panel { padding: 0; margin: 0; background: none; border: 0; border-radius: 0; }
body.players-refined #players-page .players-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; }
body.players-refined #players-page .player-leaderboard-card {
  --card-metal: #aaa5b2;
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  grid-column: span 2;
  min-width: 0;
  min-height: 242px;
  gap: 0;
  padding: 13px 14px 0;
  color: var(--paint-text,#f5f1f5);
  background: var(--paint-base,#111014);
  border: 1px solid var(--player-edge);
  border-radius: 16px;
  box-shadow: inset 0 1px 0 var(--paint-shadow-a2,#ffffff05), 0 5px 14px var(--paint-shadow-a20,#0003);
  text-decoration: none;
  transition: border-color .18s, box-shadow .18s;
  transform: none;
}

body.players-refined #players-page .player-leaderboard-card::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 20%;
  right: 20%;
  height: 1px;
  content: "";
  background: none;
}

body.players-refined #players-page .player-leaderboard-card:hover {
  background: var(--paint-base,#161318);
  border-color: var(--paint-accent-a42,#ec3a326b);
  box-shadow: inset 0 1px 0 var(--paint-shadow-a4,#ffffff09), 0 8px 24px var(--paint-shadow-a33,#0005);
  transform: none;
}

body.players-refined #players-page .player-leaderboard-card:focus-visible { outline: 2px solid var(--player-red); outline-offset: 4px; }
body.players-refined #players-page .player-card-topline { display: flex; align-items: center; justify-content: space-between; gap: 7px; width: 100%; min-height: 28px; }
body.players-refined #players-page .player-card-rank {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 25px;
  padding: 0 6px;
  color: var(--paint-text,#b9b3c0);
  background: var(--paint-tint-a1,#ffffff03);
  border: 1px solid var(--paint-line-a6,#ffffff10);
  border-radius: 6px;
  box-shadow: none;
  font-family: "BGSI Display", sans-serif;
  font-size: 12px;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
  transform: none;
}

body.players-refined #players-page .player-card-portrait { position: relative; display: grid; place-items: center; width: 100%; height: 87px; margin: 2px 0 7px; }
body.players-refined #players-page .player-card-avatar {
  position: relative;
  width: 78px;
  height: 78px;
  margin: 0;
  color: var(--paint-text,#e9e0ee);
  background: var(--paint-surface,#211e26);
  border: 1px solid var(--paint-line-a11,#ffffff1c);
  border-radius: 24px;
  box-shadow: inset 0 1px 0 var(--paint-shadow-a7,#ffffff12), 0 3px 12px var(--paint-shadow-a27,#0004);
  font-family: "BGSI Interface", sans-serif;
  font-size: 26px;
  font-weight: 700;
}

body.players-refined #players-page .player-card-avatar img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; }
body.players-refined #players-page .player-avatar-initial { position: absolute; inset: 0; display: grid; place-items: center; }
body.players-refined #players-page .player-avatar-initial[hidden] { display: none; }
body.players-refined #players-page .player-card-avatar > .image-fallback { display: none; }
body.players-refined #players-page .player-leaderboard-card:hover .player-card-avatar { border-color: var(--paint-line-a22,#ffffff38); }
body.players-refined #players-page .player-card-copy { display: grid; justify-items: center; gap: 5px; width: 100%; min-width: 0; text-align: center; }
body.players-refined #players-page .player-card-copy > strong {
  max-width: 100%;
  padding: 0 1px;
  color: var(--paint-text,#f2edf4);
  font-family: "BGSI Interface", sans-serif;
  font-size: 14px;
  font-weight: 650;
  letter-spacing: -.35px;
  line-height: 1.45;
  text-shadow: 0 1px 2px var(--paint-shadow-a53,#0008);
}

body.players-refined #players-page .player-card-identity { display: flex; align-items: center; justify-content: center; gap: 5px; width: 100%; min-width: 0; min-height: 17px; }
body.players-refined #players-page .player-card-copy .player-handle { min-width: 0; max-width: 100%; color: var(--paint-muted,#aaa2b3); font-size: 10px; font-weight: 350; line-height: 1.6; }
body.players-refined #players-page .player-card-tag { flex-shrink: 0; display: inline-flex; align-items: center; }
body.players-refined #players-page .player-card-tag .player-tag { min-height: 15px; padding: 2px 4px; gap: 3px; color: var(--paint-text,#c8bdcf); background: var(--paint-tint-a3,#ffffff08); border: 1px solid var(--paint-line-a8,#ffffff15); border-radius: 4px; font-size: 8px; letter-spacing: .04em; }
body.players-refined #players-page .player-card-tag svg { width: 10px; height: 10px; }
body.players-refined #players-page .player-card-score { display: grid; place-items: center; width: 100%; gap: 3px; padding: 13px 0 14px; }
body.players-refined #players-page .player-card-summary { color: var(--paint-muted,#a39ba9); font-size: 9px; font-weight: 400; line-height: 1.4; }
body.players-refined #players-page .player-card-value {
  display: block;
  max-width: 100%;
  min-height: 0;
  padding: 0;
  color: var(--paint-text,#f8f3fa) !important;
  background: none;
  border: 0;
  border-radius: 0;
  -webkit-text-fill-color: currentColor !important;
  font-family: "BGSI Display", sans-serif;
  font-size: 24px;
  font-weight: 650;
  line-height: 1.05;
  letter-spacing: -.5px;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 2px 3px var(--paint-shadow-a47,#0007);
}

body.players-refined #players-page .player-card-footer { display: flex; justify-content: space-between; align-items: center; width: calc(100% + 28px); min-height: 36px; gap: 8px; margin-top: auto; padding: 0 12px; color: var(--paint-muted,#aaa2b0); background: var(--paint-tint-a8,#00000014); border-top: 1px solid var(--paint-line-a4,#ffffff0b); }
body.players-refined #players-page .player-card-count, body.players-refined #players-page .player-card-seen { position: static; display: inline-flex; align-items: center; min-width: 0; gap: 5px; font-family: "BGSI Display", sans-serif; font-size: 10px; font-weight: 450; line-height: 1; white-space: nowrap; }
body.players-refined #players-page .player-card-footer svg { flex: 0 0 12px; width: 12px; height: 12px; color: var(--paint-muted,#8f8598); stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
body.players-refined #players-page .player-card-footer .player-card-paw { fill: currentColor; stroke: none; }
body.players-refined #players-page .player-card-count > span { display: inline-flex; align-items: center; gap: 3px; }
body.players-refined #players-page .player-card-count small { color: var(--paint-muted,#a097a8); font-family: "BGSI Interface", sans-serif; font-size: 8px; font-weight: 350; }
body.players-refined #players-page .player-leaderboard-card.is-top-three {
  grid-column: span 4;
  min-height: 320px;
  padding: 17px 22px 0;
  background: var(--paint-base,#171510);
  border-color: #c59b4e49;
  border-radius: 18px;
  box-shadow: inset 0 1px 0 #f3ce821b, inset 0 -1px 0 var(--paint-shadow,#000), 0 10px 30px var(--paint-shadow-a33,#0005);
}

body.players-refined #players-page .is-top-three[data-rank="1"] { --card-metal: #efc477; }
body.players-refined #players-page .is-top-three[data-rank="2"] { --card-metal: #c6cbd4; background: var(--paint-base,#14151a); border-color: var(--paint-line-a26,#b5bec443); box-shadow: inset 0 1px 0 var(--paint-shadow-a9,#d7deea16), 0 10px 30px var(--paint-shadow-a33,#0005); }
body.players-refined #players-page .is-top-three[data-rank="3"] { --card-metal: #dfa681; background: var(--paint-base,#191311); border-color: var(--paint-accent-a28,#ce8f6547); box-shadow: inset 0 1px 0 var(--paint-accent-a10,#efb98f19), 0 10px 30px var(--paint-shadow-a33,#0005); }
body.players-refined #players-page .is-top-three::before { left: 10%; right: 10%; background: none; opacity: .65; }
body.players-refined #players-page .is-top-three:hover { border-color: color-mix(in srgb, var(--card-metal), transparent 35%); background-position: 0 0; }
body.players-refined #players-page .is-top-three .player-card-rank { min-width: 38px; height: 28px; color: var(--card-metal); background: var(--paint-tint-a2,#ffffff04); border-color: color-mix(in srgb, var(--card-metal), transparent 75%); box-shadow: inset 0 1px 0 var(--paint-shadow-a4,#ffffff09); font-size: 14px; }
body.players-refined #players-page .player-card-honor { margin-left: auto; color: var(--card-metal); font-size: 10px; font-weight: 450; text-transform: uppercase; letter-spacing: .12em; }
body.players-refined #players-page .is-top-three .player-card-portrait { height: 150px; margin: 0 0 1px; }
body.players-refined #players-page .player-card-crest { position: absolute; inset: 0; display: grid; place-items: center; color: var(--card-metal); pointer-events: none; }
body.players-refined #players-page .player-card-crest svg { width: 160px; height: 144px; }
body.players-refined #players-page .is-top-three .player-card-avatar { width: 96px; height: 96px; color: var(--card-metal); background: var(--paint-surface,#211e1b); border-color: color-mix(in srgb, var(--card-metal), transparent 60%); border-radius: 30px; box-shadow: 0 0 0 5px var(--paint-shadow-a13,#00000020), 0 0 0 6px color-mix(in srgb, var(--card-metal), transparent 87%), inset 0 1px 0 var(--paint-shadow-a9,#ffffff18), 0 6px 16px var(--paint-shadow-a33,#0005); }
body.players-refined #players-page .is-top-three .player-card-copy > strong { font-size: 21px; font-weight: 700; letter-spacing: -.7px; }
body.players-refined #players-page .is-top-three .player-card-copy .player-handle { font-size: 11px; }
body.players-refined #players-page .is-top-three .player-card-score { padding: 13px 0 17px; gap: 5px; }
body.players-refined #players-page .is-top-three .player-card-summary { color: var(--paint-muted,#b6acb5); font-size: 10px; }
body.players-refined #players-page .is-top-three .player-card-value { font-size: 34px; font-weight: 650; letter-spacing: -.7px; }
body.players-refined #players-page .is-top-three .player-card-footer { width: calc(100% + 44px); min-height: 40px; padding: 0 20px; border-top-color: color-mix(in srgb, var(--card-metal), transparent 90%); }
body.players-refined #players-page .is-top-three .player-card-footer svg { color: var(--card-metal); opacity: .8; }
body.players-refined #players-page .is-top-three .player-card-count, body.players-refined #players-page .is-top-three .player-card-seen { font-size: 11px; }
body.players-refined #players-page .player-leaderboard-card.has-fall-card {
  --card-metal: #f5b574;
  background: linear-gradient(135deg, var(--paint-surface,#291a13), var(--paint-base,#1c110f) 58%, var(--paint-surface,#2b1810));
  border-color: var(--paint-accent-a31,#d789454f);
  box-shadow: inset 0 1px 0 var(--paint-accent-a8,#ffc78b15), 0 8px 20px var(--paint-shadow-a33,#0005);
}

body.players-refined #players-page .has-fall-card::after { position: absolute; z-index: -1; inset: 0; content: ""; background: linear-gradient(180deg, #22120788, #1e0f07d6 70%), url('/assets/images/fall-card-leaves.png') center / cover; opacity: 1; pointer-events: none; }
body.players-refined #players-page .has-fall-card::before { background: linear-gradient(90deg, transparent, var(--paint-accent,#ffc787), transparent); }
body.players-refined #players-page .has-fall-card:hover { background: linear-gradient(135deg, #332016, var(--paint-base,#211410) 58%, #331c13); border-color: var(--paint-accent-a61,#f4b06e9c); box-shadow: inset 0 1px 0 var(--paint-accent-a16,#ffce9829), 0 10px 28px var(--paint-shadow-a40,#0006); }
body.players-refined #players-page .has-fall-card .player-card-rank { color: var(--paint-accent-text,#f1bc84); background: var(--paint-base-a55,#1a100b8c); border-color: var(--paint-accent-a21,#e9a65c36); }
body.players-refined #players-page .has-fall-card .player-card-avatar { color: var(--paint-accent-text,#f5c495); background: var(--paint-base,#21140e); border-color: var(--paint-accent-a44,#e8a35b70); box-shadow: 0 0 0 4px var(--paint-shadow,#180d08), 0 0 0 5px var(--paint-accent-a14,#f7b17124), 0 5px 16px var(--paint-shadow-a53,#0008); }
body.players-refined #players-page .has-fall-card .player-card-copy > strong, body.players-refined #players-page .has-fall-card .player-card-value { color: var(--paint-text,#fff3e5) !important; -webkit-text-fill-color: currentColor !important; }
body.players-refined #players-page .has-fall-card .player-card-copy .player-handle, body.players-refined #players-page .has-fall-card .player-card-summary, body.players-refined #players-page .has-fall-card .player-card-footer { color: #f9e5ce; }
body.players-refined #players-page .has-fall-card .player-card-footer { border-top-color: var(--paint-accent-a13,#e6a66420); background: var(--paint-tint-a22,#180b0638); }
body.players-refined #players-page .has-fall-card .player-card-footer svg { color: var(--paint-accent,#d89b63); }
body.players-refined #players-page .has-fall-card .player-card-count small { color: #f9e5ce; }
body.players-refined #players-page .players-board-status { display: flex; justify-content: center; align-items: center; gap: 14px; min-height: 50px; margin-top: 16px; color: var(--paint-muted,#b4aab9); font-size: 12px; }
body.players-refined #players-page #players-scroll-sentinel { height: 1px; }
body.players-refined #players-page .players-grid-empty { display: grid; grid-column: 1 / -1; justify-items: center; gap: 12px; padding: 65px 20px; color: var(--paint-muted,#b6afbf); background: var(--paint-base,#121014); border: 1px solid var(--player-edge); border-radius: 16px; text-align: center; }
body.players-refined #players-page .players-grid-empty > strong { color: var(--paint-text,#f3edf6); font-size: 18px; font-weight: 600; }
body.players-refined #players-page .players-grid-empty > p { font-size: 12px; }
body.players-refined #players-page :is(.players-grid-empty, .players-board-status) button { min-height: 40px; padding: 0 16px; color: var(--paint-text,#f8ecef); background: var(--paint-accent-a12,#ec3a321f); border: 1px solid var(--paint-accent-a35,#ec3a3259); border-radius: 8px; font-size: 11px; cursor: pointer; }
body.players-refined #players-page :is(.players-grid-empty, .players-board-status) button:hover { background: var(--paint-accent-a19,#ec3a3230); border-color: var(--paint-accent-a60,#ec3a3299); }
body.players-refined #players-page .player-card-skeleton { pointer-events: none; }
body.players-refined #players-page .player-card-skeleton.is-top-three { background: var(--paint-base,#121014); border-color: var(--player-edge); box-shadow: inset 0 1px 0 var(--paint-shadow-a2,#ffffff05); }
body.players-refined #players-page .player-card-skeleton :is(.player-skeleton-rank, .skeleton-avatar, .skeleton-line, .player-skeleton-summary, .player-skeleton-value, .player-skeleton-seen) { display: block; padding: 0; background: var(--paint-tint-a3,#ffffff08); border: 0; border-radius: 5px; animation: player-board-pulse 1.7s ease-in-out infinite alternate; }
body.players-refined #players-page .player-skeleton-rank { width: 30px; height: 25px; }
body.players-refined #players-page .player-card-skeleton .skeleton-avatar { width: 78px; height: 78px; border-radius: 24px; }
body.players-refined #players-page .player-card-skeleton.is-top-three .skeleton-avatar { width: 96px; height: 96px; border-radius: 30px; }
body.players-refined #players-page .player-skeleton-copy { display: grid; justify-items: center; gap: 8px; width: 100%; padding-top: 2px; }
body.players-refined #players-page .player-skeleton-copy .skeleton-line { width: 70%; height: 16px; }
body.players-refined #players-page .player-skeleton-copy .skeleton-line.short { width: 48%; height: 12px; }
body.players-refined #players-page .player-skeleton-summary { width: 63px; height: 10px; }
body.players-refined #players-page .player-skeleton-value { width: 78px; height: 23px; margin-top: 4px; }
body.players-refined #players-page .is-top-three .player-skeleton-value { width: 98px; height: 33px; }
body.players-refined #players-page .player-skeleton-seen { width: 55px; height: 9px; }
@keyframes player-board-pulse { to { background-color: var(--paint-tint-a5,#ffffff0e); } }

@media (max-width: 1220px) {
  body.players-refined #players-page { width: calc(100% - 64px); }
  body.players-refined #players-page .player-leaderboard-card { grid-column: span 3; }
  body.players-refined #players-page .player-leaderboard-card.is-top-three { grid-column: span 4; }
}

@media (max-width: 820px) {
  body.players-refined #players-page { width: calc(100% - 40px); margin-top: 28px; }
  body.players-refined #players-page .players-board-heading { gap: 20px; }
  body.players-refined #players-page .page-controls { flex-basis: 420px; }
  body.players-refined #players-page .player-sort { flex-basis: 160px; width: 160px; }
  body.players-refined #players-page .players-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
  body.players-refined #players-page .player-leaderboard-card, body.players-refined #players-page .player-leaderboard-card.is-top-three { grid-column: span 2; }
  body.players-refined #players-page .player-leaderboard-card.is-top-three { min-height: 304px; padding: 14px 12px 0; }
  body.players-refined #players-page .is-top-three .player-card-copy > strong { font-size: 17px; }
  body.players-refined #players-page .is-top-three .player-card-value { font-size: 30px; }
  body.players-refined #players-page .is-top-three .player-card-footer { width: calc(100% + 24px); padding: 0 11px; }
}

@media (max-width: 620px) {
  body.players-refined #players-page { width: calc(100% - 28px); margin: 26px auto 24px; }
  body.players-refined #players-page .players-board-heading { display: grid; gap: 20px; padding-bottom: 20px; }
  body.players-refined #players-page .players-board-title { display: flex; align-items: baseline; flex-wrap: wrap; gap: 14px; }
    body.players-refined #players-page .players-board-title h1 { font-size: 32px; letter-spacing: -1.1px; }
  body.players-refined #players-page .page-controls { width: 100%; gap: 8px; }
  body.players-refined #players-page .player-search { height: 44px; padding: 0 11px; gap: 7px; }
  body.players-refined #players-page .player-search input { height: 42px; font-size: 11px; }
  body.players-refined #players-page .player-sort { height: 44px; flex-basis: 150px; width: 150px; }
  body.players-refined #players-page .player-sort .custom-select-trigger { min-height: 42px; padding: 0 10px; font-size: 10px; }
  body.players-refined #players-page .players-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  body.players-refined #players-page .player-leaderboard-card, body.players-refined #players-page .player-leaderboard-card.is-top-three { grid-column: span 1; }
  body.players-refined #players-page .player-leaderboard-card { min-height: 245px; padding-right: 11px; padding-left: 11px; }
  body.players-refined #players-page .is-top-three[data-rank="1"] { grid-column: 1 / -1; min-height: 302px; }
  body.players-refined #players-page .is-top-three[data-rank="1"] .player-card-copy > strong { font-size: 22px; }
  body.players-refined #players-page .is-top-three .player-card-portrait { height: 135px; }
  body.players-refined #players-page .is-top-three .player-card-crest svg { width: 146px; height: 132px; }
  body.players-refined #players-page .is-top-three .player-card-avatar { width: 86px; height: 86px; border-radius: 27px; }
  body.players-refined #players-page .is-top-three .player-card-copy > strong { font-size: 15px; }
  body.players-refined #players-page .is-top-three .player-card-score { padding: 12px 0 15px; }
  body.players-refined #players-page .player-card-copy > strong { font-size: 13px; }
  body.players-refined #players-page .player-card-footer { width: calc(100% + 22px); padding: 0 9px; gap: 6px; }
  body.players-refined #players-page .player-card-footer svg { width: 11px; height: 11px; flex-basis: 11px; }
  body.players-refined #players-page .player-card-count, body.players-refined #players-page .player-card-seen, body.players-refined #players-page .is-top-three .player-card-count, body.players-refined #players-page .is-top-three .player-card-seen { font-size: 10px; gap: 4px; }
}

@media (max-width: 370px) {
  body.players-refined #players-page .player-sort { flex-basis: 138px; width: 138px; }
  body.players-refined #players-page .player-search { padding: 0 8px; gap: 5px; }
  body.players-refined #players-page .player-search > .icon { width: 15px; height: 15px; }
  body.players-refined #players-page .players-grid { gap: 8px; }
  body.players-refined #players-page .player-leaderboard-card { padding-right: 8px; padding-left: 8px; }
  body.players-refined #players-page .player-card-footer { width: calc(100% + 16px); padding: 0 7px; }
  body.players-refined #players-page .player-card-count small { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  body.players-refined #players-page .player-leaderboard-card, body.players-refined #players-page .player-search { transition: none; }
  body.players-refined #players-page .player-card-skeleton :is(.player-skeleton-rank, .skeleton-avatar, .skeleton-line, .player-skeleton-summary, .player-skeleton-value, .player-skeleton-seen) { animation: none; }
}

:root { --halloween-card-art: url("/assets/images/halloween-card-pumpkins.png"); }

:root { --halloween-profile-art: url("/assets/images/halloween-profile.svg"); }

body.players-refined #players-page .player-leaderboard-card.has-halloween-card {
  --card-metal: #ffb575;
  overflow: hidden;
  background: linear-gradient(155deg, var(--paint-surface,#241b2e), var(--paint-base,#121016) 45%, var(--paint-surface,#231510));
  border-color: var(--paint-accent-a42,#e38e566b);
  box-shadow: inset 0 0 0 3px var(--paint-shadow,#0c090c), inset 0 0 0 4px var(--paint-accent-a16,#b9784429), inset 0 1px 0 var(--paint-accent-a22,#f6b88838), 0 8px 24px var(--paint-shadow-a47,#0007);
}

body.players-refined #players-page .has-halloween-card::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  background: linear-gradient(180deg, #0b080714, #0b080775), var(--halloween-card-art) center / cover no-repeat;
  opacity: 1;
  pointer-events: none;
  transition: opacity .2s;
}

body.players-refined #players-page .has-halloween-card::before { left: 24%; right: 24%; background: linear-gradient(90deg, transparent, var(--paint-accent,#ffbb7b), transparent); }
body.players-refined #players-page .has-halloween-card:hover { background: linear-gradient(155deg, var(--paint-surface,#2c2037), var(--paint-base,#171117) 45%, var(--paint-surface,#2c1910)); border-color: var(--paint-accent,#ffc086); box-shadow: inset 0 0 0 3px var(--paint-shadow,#0c090c), inset 0 0 0 4px var(--paint-accent-a32,#b9784452), 0 10px 30px var(--paint-shadow-a53,#0008); }
body.players-refined #players-page .has-halloween-card:hover::after { opacity: 1; }
body.players-refined #players-page .has-halloween-card .player-card-rank { color: var(--paint-accent-text,#ffbd83); background: var(--paint-base,#140d16); border-color: var(--paint-accent-a25,#f49c4e40); }
body.players-refined #players-page .has-halloween-card .player-card-halloween-label { color: #ffc394; font-size: 9px; font-weight: 650; letter-spacing: .09em; text-shadow: 0 1px 4px var(--paint-shadow,#000); }
body.players-refined #players-page .has-halloween-card .player-card-portrait { height: 97px; margin-bottom: 2px; }
.player-halloween-crest { position: absolute; inset: -14px -10px; display: grid; place-items: center; color: var(--paint-accent-text,#ec9b66); pointer-events: none; }
.player-halloween-crest svg { width: 172px; height: 125px; }
body.players-refined #players-page .has-halloween-card .player-card-avatar { width: 76px; height: 76px; color: var(--paint-accent-text,#ffcc9f); background: var(--paint-surface,#231923); border-color: var(--paint-accent-a60,#ffb46d99); border-radius: 24px; box-shadow: 0 0 0 4px var(--paint-shadow,#130d16), 0 0 0 5px var(--paint-accent-a22,#ce885139), 0 7px 16px var(--paint-shadow-a53,#0008); }
body.players-refined #players-page .has-halloween-card .player-card-copy > strong { color: var(--paint-text,#fff0df) !important; font-weight: 700; }
body.players-refined #players-page .has-halloween-card .player-card-value { color: #ffdbb9 !important; -webkit-text-fill-color: #ffdbb9 !important; text-shadow: 0 2px 2px var(--paint-shadow,#000), 0 0 12px var(--paint-accent-a10,#e882321a); }
body.players-refined #players-page .has-halloween-card .player-card-copy .player-handle, body.players-refined #players-page .has-halloween-card .player-card-summary { color: var(--paint-text,#c3aec6); }
body.players-refined #players-page .has-halloween-card .player-card-footer { color: #dab698; background: var(--paint-base-a68,#100b12ad); border-top-color: var(--paint-accent-a14,#ffa65b24); }
body.players-refined #players-page .has-halloween-card .player-card-footer svg { color: var(--paint-accent-text,#e6a872); }
body.players-refined #players-page .has-halloween-card .player-card-count small { color: #c5a990; }
body.players-refined #players-page .has-halloween-card.is-top-three .player-card-crest { display: none; }
body.players-refined #players-page .has-halloween-card.is-top-three .player-card-portrait { height: 150px; }
body.players-refined #players-page .has-halloween-card.is-top-three .player-halloween-crest svg { width: 204px; height: 148px; }
body.players-refined #players-page .has-halloween-card.is-top-three .player-card-avatar { width: 96px; height: 96px; }

#player-detail-page.has-halloween-card #player-profile {
  isolation: isolate;
  min-height: 228px;
  padding: 48px 36px 30px;
  color: var(--paint-text,#fff1e5);
  background: linear-gradient(115deg, var(--paint-surface,#241a2a), var(--paint-base,#121015) 46%, var(--paint-surface,#241710));
  border: 1px solid var(--paint-accent-a42,#e59d636b);
  border-radius: 18px;
  box-shadow: inset 0 0 0 4px var(--paint-shadow,#0e0a11), inset 0 0 0 5px var(--paint-accent-a14,#d4915524), 0 12px 34px var(--paint-shadow-a40,#0006);
  font-family: "BGSI Interface", sans-serif;
}

#player-detail-page.has-halloween-card #player-profile::before { position: absolute; z-index: -1; inset: 8px; border: 1px solid var(--paint-accent-a9,#eaa26116); border-radius: 11px; content: ""; pointer-events: none; }
#player-detail-page.has-halloween-card #player-profile::after { position: absolute; z-index: -1; inset: 0; border-radius: inherit; content: ""; background: linear-gradient(90deg, #0b0807c7, #0b080780), var(--halloween-profile-art) center / cover no-repeat; opacity: 1; pointer-events: none; }
#player-detail-page.has-halloween-card .profile-back { top: 19px; left: 26px; color: var(--paint-text,#d9bdc9); font-size: 11px; }
.profile-halloween-edition { position: absolute; top: 20px; right: 26px; color: var(--paint-accent-text,#ffc18c); font-family: "BGSI Interface", sans-serif; font-size: 11px; font-weight: 650; letter-spacing: .15em; text-transform: uppercase; }
#player-detail-page.has-halloween-card .profile-main { gap: 28px; }
#player-detail-page.has-halloween-card .profile-avatar-wrap { width: 100px; height: 100px; flex-basis: 100px; }
#player-detail-page.has-halloween-card .profile-avatar { position: relative; width: 100px; height: 100px; background: var(--paint-surface,#251b24); border: 1px solid var(--paint-accent-a60,#f9b37c99); border-radius: 30px; box-shadow: 0 0 0 4px var(--paint-shadow,#170e19), 0 0 0 5px var(--paint-accent-a23,#f8af6d3b), 0 8px 20px var(--paint-shadow-a47,#0007); }
#player-detail-page.has-halloween-card .player-halloween-crest { inset: -23px -41px; }
#player-detail-page.has-halloween-card .player-halloween-crest svg { width: 182px; height: 147px; }
#player-detail-page.has-halloween-card .profile-rank-badge { top: -11px; color: #ffdbc0; background: #3a211b; border: 2px solid var(--paint-accent,#edb17b); box-shadow: 0 2px 8px var(--paint-shadow-a60,#0009); font-family: "BGSI Display", sans-serif; font-weight: 650; }
#player-detail-page.has-halloween-card .profile-identity h1 { font-family: "BGSI Interface", sans-serif; font-weight: 750; letter-spacing: -.035em; }
#player-detail-page.has-halloween-card .profile-handle { color: var(--paint-text,#c5afc9); }
#player-detail-page.has-halloween-card .profile-stats { position: relative; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
#player-detail-page.has-halloween-card .profile-stat { min-height: 72px; padding: 10px 12px; background: var(--paint-base-a75,#160f18bf); border-color: var(--paint-accent-a14,#f0a76724); border-radius: 11px; box-shadow: inset 0 1px 0 var(--paint-accent-a2,#ffd2ac06); }
#player-detail-page.has-halloween-card .profile-stat-icon { color: var(--paint-accent-text,#ffbd87); background: var(--paint-surface,#211820); border-color: var(--paint-accent-a18,#f2aa652e); border-radius: 11px; box-shadow: inset 0 1px 0 var(--paint-accent-a4,#ffd2ac0a); }
#player-detail-page .profile-stat-icon .profile-card-paw { width: 20px; height: 20px; fill: currentColor; stroke: none; }
#player-detail-page.has-halloween-card .profile-stat-copy small { color: var(--paint-text,#cab7c6); font-size: 11px; font-weight: 400; }
#player-detail-page.has-halloween-card .profile-stat-copy strong { color: var(--paint-text,#fff0e2); font-family: "BGSI Display", sans-serif; font-size: 24px; font-weight: 650; font-variant-numeric: tabular-nums; }
#player-detail-page.has-halloween-card #player-profile :is(a, button):focus-visible { outline: 2px solid var(--paint-accent,#ffb67d); outline-offset: 4px; }

@media (max-width: 850px) {
  #player-detail-page.has-halloween-card #player-profile { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  #player-detail-page.has-halloween-card .profile-stats { width: 100%; }
}

@media (max-width: 620px) {
  body.players-refined #players-page .has-halloween-card .player-card-halloween-label { font-size: 8px; letter-spacing: .03em; }
  body.players-refined #players-page .has-halloween-card .player-halloween-crest svg { width: 150px; }
  #player-detail-page.has-halloween-card #player-profile { padding: 52px 22px 25px; gap: 25px; }
  #player-detail-page.has-halloween-card .profile-main { gap: 21px; }
  #player-detail-page.has-halloween-card .profile-avatar-wrap, #player-detail-page.has-halloween-card .profile-avatar { width: 80px; height: 80px; }
  #player-detail-page.has-halloween-card .profile-avatar-wrap { flex-basis: 80px; }
  #player-detail-page.has-halloween-card .player-halloween-crest { inset: -20px -33px; }
  #player-detail-page.has-halloween-card .player-halloween-crest svg { width: 146px; height: 120px; }
  #player-detail-page.has-halloween-card .profile-identity h1 { font-size: clamp(20px, 5vw, 28px); }
  #player-detail-page.has-halloween-card .profile-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; }
  #player-detail-page.has-halloween-card .profile-stat { grid-template-columns: 24px minmax(0, 1fr); gap: 7px; padding: 9px; }
  #player-detail-page.has-halloween-card .profile-stat-icon { width: 24px; height: 24px; border-radius: 7px; }
  #player-detail-page.has-halloween-card .profile-stat-icon :is(.icon, .profile-card-paw) { width: 16px; height: 16px; }
  #player-detail-page.has-halloween-card .profile-stat-copy { display: contents; }
  #player-detail-page.has-halloween-card .profile-stat-copy small { grid-column: 2; font-size: 10px; }
  #player-detail-page.has-halloween-card .profile-stat-copy strong { grid-column: 1 / -1; font-size: clamp(18px, 5vw, 22px); }
  #player-detail-page.has-halloween-card #player-profile::after { opacity: .4; }
}

@media (prefers-reduced-motion: reduce) {
  body.players-refined #players-page .has-halloween-card::after { transition: none; }
}

body.home-refined:not(.home-view) { height: auto; min-height: 100svh; overflow-y: auto; }

body.player-refined {
  height: auto;
  min-height: 100svh;
  overflow-y: auto;
  & .home-ambient::before, & .home-ambient::after { opacity: .08; }
  & .site-footer { margin-top: auto; }
  & #player-detail-page {
    --header: #111014;
    --panel: #101013;
    --panel-hover: #18161b;
    --text: #f5f1f6;
    --muted: #aaa3af;
    --soft: #c7c0cc;
    --border: #ffffff14;
    --border-hover: #ffffff28;
    --accent: #ec3a32;
    --accent-hover: #ff7067;
    display: grid;
    width: min(calc(100% - 112px), 1328px);
    min-width: 0;
    gap: 26px;
    margin: 32px auto 36px;
    flex: 1 0 auto;
    animation: none;
    opacity: 1;
    transform: none;
    & #player-profile { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr) minmax(480px, 1.2fr); min-height: 228px; align-items: center; gap: 26px 42px; padding: 22px 30px 28px; background: var(--paint-base,#111014); border: 1px solid var(--paint-line-a11,#ffffff1c); border-radius: 18px; box-shadow: inset 0 1px 0 var(--paint-shadow-a4,#ffffff09), 0 8px 26px var(--paint-shadow-a27,#0004); }
    & .profile-topline { display: flex; grid-column: 1 / -1; align-items: center; min-width: 0; gap: 18px; }
    & .profile-topline .profile-back { position: static; display: inline-flex; align-items: center; gap: 6px; color: var(--paint-text,#d3cbd8); font-size: 12px; font-weight: 450; }
    & .profile-back .icon { width: 14px; height: 14px; transform: rotate(180deg); }
    & .profile-last-seen { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; color: var(--paint-muted,#bab1c0); font-size: 11px; }
    & .profile-last-seen .icon { width: 14px; height: 14px; color: var(--paint-muted,#9c8ea9); }
    & .profile-value-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 16px; }
    & .profile-value-line .profile-last-seen { min-height: 38px; margin-left: 0; padding: 0 12px; color: var(--paint-text,#e6d9e3); background: linear-gradient(180deg, var(--paint-tint-a4,#ffffff09), var(--paint-tint-a1,#ffffff03)); border: 1px solid var(--paint-line-a13,#ffffff20); border-radius: 9px; box-shadow: inset 0 1px var(--paint-shadow-a3,#ffffff08); font: 500 14px "BGSI Interface", sans-serif; white-space: nowrap; }
    & .profile-value-line .profile-last-seen .icon { width: 14px; height: 14px; }
    & .profile-topline :is(.profile-halloween-edition, .profile-fall-edition) { margin-left: auto; }
    & :is(.profile-halloween-edition, .profile-fall-edition) { position: static; color: var(--paint-accent-text,#ffc18c); font-family: "BGSI Interface", sans-serif; font-size: 10px; font-weight: 650; letter-spacing: .14em; text-transform: uppercase; }
    & .profile-main { position: relative; display: flex; align-items: center; gap: 24px; min-width: 0; }
    & .profile-avatar-wrap { width: 96px; height: 96px; flex: 0 0 96px; }
    & .profile-avatar { position: relative; display: grid; width: 96px; height: 96px; background: var(--paint-surface,#211d27); border: 1px solid var(--paint-line-a16,#ffffff2a); border-radius: 28px; box-shadow: 0 0 0 5px var(--paint-shadow-a20,#0003), 0 0 0 6px var(--paint-shadow-a3,#ffffff08), 0 8px 20px var(--paint-shadow-a40,#0006); }
    & .profile-avatar img { width: 100%; height: 100%; object-fit: cover; }
    & .profile-rank-badge { z-index: 2; top: -12px; height: 27px; min-width: 42px; padding: 0 9px; color: var(--paint-text,#ffe6e2); background: color-mix(in srgb, var(--ss-accent, #5598ff) 28%, #171717); border: 2px solid var(--paint-accent,#e46559); border-radius: 8px; font-family: "BGSI Display", sans-serif; font-size: 13px; font-weight: 650; box-shadow: 0 3px 8px var(--paint-shadow-a47,#0007); }
    & .profile-identity { min-width: 0; }
    & .profile-identity h1 { margin: 3px 0 6px; color: var(--paint-text,#fff3f5); font-family: "BGSI Interface", sans-serif; font-size: clamp(25px, 2.6vw, 36px); font-weight: 750; line-height: 1.22; letter-spacing: -1px; }
    & .profile-title { max-width: 100%; font-size: 11px; font-weight: 550; }
    & .profile-handle { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; color: var(--paint-muted,#b9aebe); font-size: 12px; }
    & .profile-note { max-width: 36ch; margin-top: 8px; color: var(--paint-text,#d3c7d9); font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
    & .profile-note-input { height: 36px; margin-top: 10px; background: var(--paint-base,#0d0b10); border-color: var(--paint-line-a14,#ffffff24); font-size: 12px; }
    & .profile-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 13px; }
    & :is(.profile-roblox-action, .profile-settings-button, .profile-chat-button) { position: static; display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 34px; padding: 0 11px; color: var(--paint-text,#e9dde9); background: var(--paint-tint-a2,#ffffff05); border: 1px solid var(--paint-line-a11,#ffffff1c); border-radius: 8px; font-size: 10px; font-weight: 450; box-shadow: inset 0 1px 0 var(--paint-shadow-a2,#ffffff05); transition: border-color .18s, background .18s; }
    & :is(.profile-roblox-action, .profile-settings-button, .profile-chat-button):hover { color: var(--paint-text,#fff); background: var(--paint-tint-a4,#ffffff0a); border-color: var(--paint-accent-a44,#ef645f70); }
    & .profile-actions .icon { width: 13px; height: 13px; }
    & .profile-chat-button { align-self: end; color: var(--paint-text,#fff0ee); background: var(--paint-accent-a9,#ec3a3218); border-color: var(--paint-accent-a31,#ec3a3250); }
    & .profile-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 24px; }
    & .profile-stat { display: flex; min-height: 0; align-items: center; gap: 9px; padding: 0; overflow: visible; background: none; border: 0; border-radius: 0; box-shadow: none; }
    & .profile-stat-value { grid-column: 1 / -1; padding-bottom: 17px; border-bottom: 1px solid var(--paint-line-a8,#ffffff14); }
    & .profile-stat-icon { flex: 0 0 33px; width: 33px; height: 33px; color: var(--paint-muted,#c5a5b5); background: var(--paint-tint-a2,#ffffff04); border: 1px solid var(--paint-line-a6,#ffffff0f); border-radius: 9px; box-shadow: none; }
    & .profile-stat-icon :is(.icon, .profile-card-paw) { width: 18px; height: 18px; }
    & .profile-stat-value .profile-stat-icon { width: 42px; height: 42px; flex-basis: 42px; color: var(--paint-accent-text,#ff8478); background: var(--paint-accent-a5,#ec3a320c); border-color: var(--paint-accent-a16,#ec3a3228); border-radius: 12px; }
    & .profile-stat-copy { display: grid; min-width: 0; gap: 4px; }
    & .profile-stat-copy small { color: var(--paint-muted,#b9afc0); font-size: 10px; font-weight: 400; line-height: 1.4; text-transform: none; }
    & .profile-stat-copy strong { color: var(--paint-text,#f5eaf6); font-family: "BGSI Display", sans-serif; font-size: clamp(20px, 2vw, 26px); font-weight: 650; letter-spacing: -.5px; line-height: 1.1; font-variant-numeric: tabular-nums; }
    & .profile-stat-value .profile-stat-copy strong { color: var(--paint-text,#fff3f1); font-size: clamp(35px, 3.4vw, 46px); font-weight: 650; letter-spacing: -1.6px; }
    & .profile-value-line { display: flex; align-items: center; gap: 18px; min-width: 0; }
    & .profile-value-line > strong { flex: 0 0 auto; white-space: nowrap; }
    &.has-halloween-card #player-profile { background: linear-gradient(115deg, var(--paint-surface,#241a2a), var(--paint-base,#121015) 46%, var(--paint-surface,#241710)); border-color: var(--paint-accent-a42,#e59d636b); box-shadow: inset 0 0 0 4px var(--paint-shadow,#0e0a11), inset 0 0 0 5px var(--paint-accent-a14,#d4915524), 0 12px 34px var(--paint-shadow-a40,#0006); }
    &.has-halloween-card .profile-avatar { background: var(--paint-surface,#251b24); border-color: var(--paint-accent-a60,#f9b37c99); box-shadow: 0 0 0 4px var(--paint-shadow,#170e19), 0 0 0 5px var(--paint-accent-a23,#f8af6d3b), 0 8px 20px var(--paint-shadow-a47,#0007); }
    &.has-halloween-card .player-halloween-crest { inset: -23px -42px; }
    &.has-halloween-card .player-halloween-crest svg { width: 180px; height: 143px; }
    &.has-halloween-card .profile-rank-badge { background: #3a211b; border-color: var(--paint-accent,#edb17b); }
    &.has-halloween-card .profile-stat-value .profile-stat-icon { color: var(--paint-accent-text,#ffc08c); background: var(--paint-accent-a6,#ffab5610); border-color: var(--paint-accent-a19,#ffab5630); }
    &.has-halloween-card .profile-stat-value .profile-stat-copy strong { color: #ffe7d4; }
    &.has-fall-card #player-profile { background: linear-gradient(125deg, var(--paint-surface,#27190f), var(--paint-base,#17110e) 60%, var(--paint-surface,#28170f)); border-color: var(--paint-accent-a37,#d789455e); }
    &.has-fall-card #player-profile::after { position: absolute; z-index: -1; inset: 0; border-radius: inherit; content: ""; background: linear-gradient(90deg, #221207e6, #2212078c), url('/assets/images/fall-profile.svg') center / cover; opacity: 1; pointer-events: none; }
    &.has-fall-card .profile-rank-badge { background: #4b2e19; border-color: var(--paint-accent,#db9d5e); }
    & .value-history { padding: 22px 24px 16px; background: var(--paint-base,#0e0d11); border: 1px solid var(--paint-line-a7,#ffffff12); border-radius: 16px; }
    & .value-history-heading { display: flex; align-items: start; gap: 22px; margin-bottom: 14px; }
    & .value-history-title { display: grid; gap: 18px; min-width: 0; }
    & .value-history-heading h2 { color: var(--paint-text,#f3edf5); font-size: 17px; font-weight: 550; letter-spacing: -.4px; }
    & .value-history-summary { display: flex; flex-wrap: wrap; gap: 16px 32px; }
    & .value-history-summary > span { min-width: 88px; min-height: 0; gap: 4px; padding: 0; background: none; border: 0; border-radius: 0; }
    & .value-history-summary small { color: var(--paint-muted,#aca1b5); font-size: 10px; font-weight: 400; text-transform: none; }
    & .value-history-summary strong { color: var(--paint-text,#e7dcec); font-family: "BGSI Display", sans-serif; font-size: 17px; font-weight: 550; }
    & .value-history-summary [data-direction="up"] { color: #97e6ae; }
    & .value-history-summary [data-direction="down"] { color: var(--paint-accent-text,#ff8580); }
    & .value-history-ranges { flex-shrink: 0; gap: 4px; padding: 4px; background: var(--paint-base,#111113); border: 1px solid var(--paint-line-a13,#ffffff21); border-radius: 11px; }
    & .value-history-ranges button { min-width: 44px; height: 38px; padding: 0 11px; color: var(--paint-text,#c9c0ce); font-size: 12px; font-weight: 450; border-radius: 6px; }
    & .value-history-ranges button:hover { color: var(--paint-text,#fff); background: var(--paint-tint-a3,#ffffff07); }
    & .value-history-ranges button.is-active { color: var(--paint-text,#fff1ee); background: color-mix(in srgb, var(--ss-accent, #5598ff) 28%, #171717); box-shadow: inset 0 1px var(--paint-shadow-a7,#ffffff12), 0 2px 4px var(--paint-shadow-a27,#0004); }
    & .value-history-chart { min-height: 300px; padding: 0; color: var(--paint-accent,#f6655b); background: none; border: 0; border-radius: 0; }
    & .value-history-chart > svg { display: block; width: 100%; height: 300px; min-height: 0; overflow: visible; }
    & .value-history-chart .history-line { stroke: var(--paint-accent,#f6655b); stroke-width: 2.5; filter: none; }
    & .value-history-chart line { stroke: var(--paint-text-a5,#ffffff0e); }
    & .value-history-chart circle { fill: var(--paint-accent,#f6655b); stroke: var(--paint-ink,#0e0d11); stroke-width: 2; r: 3; }
    & .value-history-chart circle.is-active { fill: var(--paint-text,#ffe5df); r: 5; }
    & .value-history-chart .history-focus-line { stroke: var(--paint-accent-a55,#f6655b8c); }
    & .value-history-chart text { fill: var(--paint-muted,#b1a4be); font-family: "BGSI Display", sans-serif; font-size: 12px; }
    & .value-history-tooltip { min-width: 218px; padding: 15px 16px; gap: 7px; background: var(--paint-base,#171416); border: 1px solid var(--paint-accent-a31,#ef6c574f); border-radius: 12px; box-shadow: inset 0 1px 0 var(--paint-shadow-a3,#ffffff08), 0 12px 25px var(--paint-shadow-a47,#0007); }
    & .value-history-tooltip small { color: var(--paint-text,#c5b7ce); font-size: 10px; }
    & .value-history-tooltip strong { color: var(--paint-text,#ffe2db); font-family: "BGSI Display", sans-serif; font-size: 23px; font-weight: 600; }
    & .value-history-empty { gap: 10px; padding: 30px 16px; }
    & .value-history-empty .icon { color: var(--paint-accent,#ea746b); }
    & .value-history-empty strong { color: var(--paint-text,#dcd1e3); font-size: 13px; font-weight: 500; }
    & .value-history-empty small { max-width: 40ch; color: var(--paint-muted,#afa2ba); font-size: 11px; line-height: 1.6; }
    & .inventory-section { position: relative; padding: 0; background: none; border: 0; border-radius: 0; }
    & .inventory-heading { position: relative; z-index: 5; display: flex; flex-direction: row; flex-wrap: wrap; gap: 18px 16px; align-items: center; min-height: 0; margin-bottom: 20px; }
    & .inventory-view { display: block; flex: 1 1 auto; width: auto; min-width: 0; }
    & .player-collection-tabs { display: flex; align-items: center; gap: 6px; width: max-content; max-width: 100%; padding: 0; }
    & .player-collection-tabs button { display: inline-flex; align-items: center; gap: 7px; min-height: 42px; padding: 0 13px; color: var(--paint-muted,#ada3b7); background: transparent; border: 1px solid transparent; border-radius: 9px; font-size: 12px; font-weight: 450; cursor: pointer; white-space: nowrap; transition: background .15s, color .15s, border-color .15s; }
    & .player-collection-tabs button .icon { width: 16px; height: 16px; }
    & .player-collection-tabs button:hover { color: var(--paint-text,#f6eefb); background: var(--paint-tint-a2,#ffffff05); }
    & .player-collection-tabs button.is-active { color: var(--paint-accent-text,#ffaaa0); background: var(--paint-accent-a8,#ec3a3214); border-color: var(--paint-accent-a21,#ec3a3236); }
        & .inventory-controls { display: flex; flex: 1 0 100%; align-items: center; gap: 10px; width: 100%; padding: 0; }
    & .inventory-search { position: relative; display: flex; flex: 1 1 auto; align-items: center; min-width: 160px; width: auto; height: 52px; gap: 13px; padding: 0 17px; color: var(--paint-accent-text,#eaa49e); background: linear-gradient(180deg, var(--paint-surface,#191719), var(--paint-base,#111012)); border: 1px solid var(--paint-line-a13,#ffffff20); border-radius: 9px; box-shadow: inset 0 1px var(--paint-shadow-a4,#ffffff09), 0 4px 12px var(--paint-shadow-a27,#0004); transition: border-color .18s, box-shadow .18s; }
    & .inventory-search:focus-within { border-color: var(--paint-accent-a48,#f369617a); box-shadow: 0 0 0 3px var(--paint-accent-a7,#ec3a3212); }
    & .inventory-search > .icon { width: 20px; height: 20px; flex: 0 0 20px; }
    & .inventory-search input { min-width: 0; width: 100%; height: 50px; padding: 0; color: var(--paint-text,#f5edf9); background: none; border: 0; box-shadow: none; outline: 0; font-family: "BGSI Interface", sans-serif; font-size: 13px; font-weight: 400; letter-spacing: -.2px; }
    & .inventory-search input::placeholder { color: var(--paint-text,#c8becd); opacity: 1; }
    & .inventory-search input::-webkit-search-cancel-button { -webkit-appearance: none; }
    & .inventory-search-clear { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; padding: 4px; color: var(--paint-text,#c3b6cb); background: var(--paint-tint-a3,#ffffff07); border: 1px solid var(--paint-line-a5,#ffffff0d); border-radius: 6px; cursor: pointer; }
    & .inventory-search-clear .icon { width: 14px; height: 14px; }
    & .inventory-sort { display: block; flex: 0 0 150px; width: 150px; height: 52px; padding: 0; background: linear-gradient(180deg, var(--paint-surface,#191719), var(--paint-base,#111012)); border: 1px solid var(--paint-line-a13,#ffffff20); border-radius: 9px; box-shadow: inset 0 1px var(--paint-shadow-a4,#ffffff09); }
    & .inventory-sort > .icon { display: none; }
    & .inventory-sort .custom-select { width: 100%; }
    & .inventory-sort .custom-select-trigger { display: grid; grid-template-columns: minmax(0, 1fr) 14px; grid-template-rows: 12px 19px; align-content: center; gap: 2px 8px; width: 100%; min-height: 50px; padding: 0 14px; color: var(--paint-text,#f4edf6); background: none; border: 0; border-radius: 8px; font-size: 13px; font-weight: 500; text-align: left; }
    & .inventory-sort .custom-select-trigger::before { content: "Sort by"; grid-column: 1; grid-row: 1; color: var(--paint-muted,#b5a6b4); font-size: 9px; font-weight: 400; }
    & .inventory-sort .custom-select-value { grid-column: 1; grid-row: 2; }
    & .inventory-sort .custom-select-chevron { grid-column: 2; grid-row: 1 / 3; align-self: center; width: 14px; height: 14px; color: var(--paint-muted,#bfadb9); }
    & .inventory-sort:has(.custom-select.is-open) { border-color: var(--paint-accent-a50,#e87d6b80); }
    & .custom-select-menu { width: 100%; min-width: 0; margin-top: 8px; padding: 6px; color: var(--paint-text,#e2d5eb); background: var(--paint-surface,#191619); border: 1px solid var(--paint-line-a16,#ffffff29); border-radius: 10px; box-shadow: inset 0 1px var(--paint-shadow-a4,#ffffff09), 0 16px 32px var(--paint-shadow-a73,#000b); }
    & .custom-select-option { position: relative; min-height: 40px; padding: 0 11px; color: var(--paint-text,#d6cadb); border-radius: 6px; font-size: 12px; font-weight: 400; }
    & .custom-select-option[aria-selected="true"] { color: var(--paint-accent-text,#ffd0c8); background: var(--paint-accent-a11,#ec5c491c); box-shadow: inset 2px 0 var(--paint-accent,#ed796a); }
    & .custom-select-option:hover { color: var(--paint-text,#fff); background: var(--paint-tint-a3,#ffffff07); }
    & .inventory-rarity-filter { flex: 0 0 140px; min-width: 0; width: 140px; }
    & .inventory-rarity-filter summary { display: flex; align-items: center; min-height: 52px; gap: 7px; padding: 0 13px; color: var(--paint-text,#f4edf6); background: linear-gradient(180deg, var(--paint-surface,#191719), var(--paint-base,#111012)); border: 1px solid var(--paint-line-a13,#ffffff20); border-radius: 9px; box-shadow: inset 0 1px var(--paint-shadow-a4,#ffffff09); font-size: 13px; font-weight: 500; }
    & .inventory-rarity-copy { display: grid; gap: 2px; }
    & .inventory-rarity-copy > span { color: var(--paint-muted,#b5a6b4); font-size: 9px; font-weight: 400; line-height: 12px; }
    & .inventory-rarity-copy > strong { color: var(--paint-text,#f4edf6); font-size: 13px; font-weight: 500; line-height: 19px; }
    & .inventory-rarity-filter summary > small { margin-left: auto; padding: 0; color: var(--paint-text,#c7b7c4); background: none; font-family: "BGSI Display", sans-serif; font-size: 12px; font-weight: 500; }
    & .inventory-rarity-filter[open] summary { background: var(--paint-surface,#1c171a); border-color: #e87d6b80; }
    & .inventory-rarity-filter.has-filter summary > small { color: #ffb7a7; background: none; }
    & .inventory-rarity-filter.has-filter summary { border-color: #ec3a3263; }
    & .inventory-rarity-options { position: absolute; top: var(--rarity-menu-top); left: var(--rarity-menu-left); right: auto; width: var(--rarity-menu-width, 224px); max-height: var(--rarity-menu-height, 360px); grid-auto-rows: 36px; align-content: start; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #51424b transparent; padding: 8px; background: var(--paint-surface,#191619); border: 1px solid var(--paint-line-a16,#ffffff29); border-radius: 10px; box-shadow: inset 0 1px var(--paint-shadow-a4,#ffffff09), 0 16px 32px var(--paint-shadow-a73,#000b); }
    & .inventory-rarity-options label { display: flex; align-items: center; min-height: 36px; gap: 11px; padding: 0 9px; color: var(--paint-text,#d6cadb); border-radius: 6px; font-size: 12px; font-weight: 400; }
    & .inventory-rarity-options label:has(input:checked) { color: var(--paint-text,#f5e8f0); }
    & .inventory-rarity-options label:hover { background: var(--paint-tint-a2,#ffffff05); }
    & .inventory-rarity-options input { appearance: none; display: grid; flex: 0 0 16px; place-items: center; width: 16px; height: 16px; min-height: 0; margin: 0; padding: 0; background: var(--paint-base,#0b090d); border: 1px solid var(--paint-line,#65566f); border-radius: 4px; cursor: pointer; }
    & .inventory-rarity-options input:checked { background: #ed6157; border-color: #ffb1a5; }
    & .inventory-rarity-options input::before { content: none; }
    & .inventory-rarity-options input:checked::after { width: 7px; height: 4px; border-left: 1.8px solid var(--paint-line,#fff); border-bottom: 1.8px solid var(--paint-line,#fff); transform: translateY(-1px) rotate(-45deg); content: ""; }
    & .inventory-mode { flex: 0 0 auto; width: auto; height: 48px; gap: 4px; padding: 4px; background: var(--paint-base,#0d0d0f); border: 1px solid var(--paint-line-a14,#ffffff24); border-radius: 12px; }
    & .inventory-mode button { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 38px; padding: 0 12px; color: var(--paint-text,#bfb0c9); background: transparent; border: 1px solid transparent; border-radius: 6px; font-size: 11px; font-weight: 450; }
    & .inventory-mode button.is-active { color: var(--paint-text,#fff2ef); background: var(--paint-surface,#2a1b1d); border-color: var(--paint-accent-a33,#ed675a55); box-shadow: inset 0 1px var(--paint-shadow-a4,#ffffff0b), 0 2px 5px var(--paint-shadow-a40,#0006); }
    & .inventory-snapshot-notice { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; margin: 0 0 15px; padding: 12px 15px; color: var(--paint-text,#d4bec6); background: var(--paint-accent-a4,#ec3a320b); border: 1px solid var(--paint-accent-a20,#ec3a3233); border-radius: 10px; font-size: 11px; }
    & .inventory-snapshot-notice button { display: inline-flex; align-items: center; gap: 7px; min-height: 32px; padding: 0 10px; color: var(--paint-accent-text,#ffb2a5); background: var(--paint-accent-a7,#ec3a3212); border: 1px solid var(--paint-accent-a21,#ec3a3236); border-radius: 7px; font-size: 11px; cursor: pointer; }
    & .inventory-snapshot-notice .icon { width: 13px; height: 13px; }
    & .inventory-data-status { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; padding: 12px 14px; color: var(--paint-accent-text,#e5b8b6); background: var(--paint-accent-a4,#ec3a320b); border: 1px solid var(--paint-accent-a16,#ec3a322a); border-radius: 10px; font-size: 11px; line-height: 1.6; }
    & .inventory-data-status button { min-height: 34px; padding: 0 12px; color: var(--paint-accent-text,#ffc0b3); background: var(--paint-accent-a9,#ec3a3216); border: 1px solid var(--paint-accent-a25,#ec3a323f); border-radius: 7px; font-size: 11px; cursor: pointer; }
    & .inventory-grid { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 14px; }
    & .inventory-pet { display: grid; grid-template-rows: auto 128px; align-content: start; min-width: 0; padding: 0; overflow: hidden; color: var(--paint-text,#f1e8f6); background: var(--paint-base,#111014); border: 1px solid var(--paint-line-a6,#ffffff10); border-radius: 13px; box-shadow: inset 0 1px 0 var(--paint-shadow-a2,#ffffff06), 0 4px 12px var(--paint-shadow-a20,#0003); transform: none; transition: border-color .18s, background .18s; }
    & .inventory-pet:hover { background: var(--paint-base,#151217); border-color: var(--paint-accent-a44,#ec3a3270); box-shadow: inset 0 1px 0 var(--paint-shadow-a4,#ffffff09), 0 7px 18px var(--paint-shadow-a33,#0005); transform: none; }
    & .inventory-pet.is-pinned { border-color: #b1a18466; }
    & .inventory-pet-art { position: relative; display: grid; place-items: center; width: 100%; height: auto; aspect-ratio: 1.13; margin: 0; overflow: hidden; background: var(--paint-base,#17131c); border: 0; border-radius: 0; }
    & .inventory-pet-art::before { content: none; }
    & .inventory-pet-art > img:not(.inventory-super-legendary) { position: relative; width: 86%; height: 86%; object-fit: contain; filter: drop-shadow(0 7px 12px #0008); transform: none; }
    & .inventory-pet-art.is-xl > img:not(.inventory-super-legendary) { width: 91%; height: 91%; }
    & .inventory-pet-copy { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: 22px 30px 28px; align-content: center; align-items: center; min-height: 128px; gap: 8px 6px; padding: 12px; border-top: 1px solid var(--paint-line-a3,#ffffff08); }
    & .inventory-pet.has-owner-history .inventory-pet-copy { padding-bottom: 12px; }
    & .inventory-pet-name { grid-column: 1 / -1; min-width: 0; color: var(--paint-text,#f4edf8); font-family: "BGSI Display", sans-serif; font-size: 16px; font-weight: 750; letter-spacing: -.3px; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    & .inventory-pet-market { grid-column: 2; grid-row: 2; display: flex; align-items: center; justify-content: end; gap: 4px; padding: 0; }
    & .inventory-pet-demand { display: inline-flex; align-items: center; gap: 4px; padding: 0; color: var(--paint-muted,#b6a8bf); background: none; border: 0; font-family: "BGSI Display", sans-serif; font-size: 17px; font-weight: 650; }
    & .inventory-pet-demand svg { width: 17px; height: 17px; flex: 0 0 17px; }
    & .inventory-pet-demand[data-demand-level="minimal"] { color: #ff334a; }
    & .inventory-pet-demand[data-demand-level="low"] { color: #ff6469; }
    & .inventory-pet-demand[data-demand-level="medium"] { color: #ffda55; }
    & .inventory-pet-demand[data-demand-level="good"] { color: #a7ef57; }
    & .inventory-pet-demand[data-demand-level="high"] { color: #ff8dd0; }
    & .inventory-pet-demand[data-demand-level="maximum"] { color: #c896ff; }
    & .inventory-pet-status { max-width: 45px; padding: 2px; overflow: hidden; font-size: 8px; text-overflow: ellipsis; }
    & .inventory-pet-value { grid-column: 1; grid-row: 2; min-width: 0; }
    & .inventory-pet-value strong { color: var(--paint-text,#fff2f5); font-family: "BGSI Display", sans-serif; font-size: 24px; font-weight: 650; line-height: 1; letter-spacing: -.5px; }
    & .inventory-pet-total { position: static; display: flex; grid-column: 1 / -1; align-items: center; justify-content: space-between; gap: 5px; padding-top: 7px; border-top: 1px solid var(--paint-line-a5,#ffffff0d); grid-row: 3; }
    & .inventory-pet-total small { color: var(--paint-muted,#b6a6c1); font-size: 9px; font-weight: 400; }
    & .inventory-pet-total strong { color: var(--paint-text,#ddcce7); font-family: "BGSI Display", sans-serif; font-size: 15px; font-weight: 550; }
    & .inventory-pet-total.is-placeholder { visibility: hidden; }
    & .inventory-grid[data-mode="raw"] .inventory-pet { grid-template-rows: auto 92px; }
    & .inventory-grid[data-mode="raw"] .inventory-pet-copy { grid-template-rows: 22px 30px; min-height: 92px; }
    & .inventory-grid[data-mode="raw"] .inventory-pet-total { display: none; }
    & :is(.inventory-quantity, .inventory-level) { padding: 6px 8px; color: var(--paint-text,#f7eff5); background: var(--paint-base-a95,#100e12f2); border: 1px solid var(--paint-line-a16,#ffffff29); border-radius: 7px; font-family: "BGSI Display", sans-serif; font-size: 13px; font-weight: 650; line-height: 1; }
    & .inventory-quantity { top: 8px; right: 8px; bottom: auto; max-width: calc(100% - 44px); }
    & .inventory-level { bottom: 8px; left: 8px; }
    & .inventory-pet-art.has-trade-tags .inventory-level { bottom: 32px; }
    & .inventory-trend { top: 8px; left: 8px; right: auto; display: inline-flex; align-items: center; justify-content: center; width: 25px; height: 25px; padding: 0; border: 1px solid currentColor; border-radius: 7px; background: var(--paint-base-a91,#130d19e8); }
    & .inventory-trend > span:not(.icon) { display: none; }
    & .inventory-trend svg { width: 15px; height: 15px; }
    & .inventory-owner-history { z-index: 3; top: auto; right: 8px; bottom: 8px; width: 29px; height: 29px; color: var(--paint-text,#c7b7d2); background: var(--paint-base-a92,#100b16eb); border: 1px solid var(--paint-line-a13,#ffffff21); border-radius: 7px; }
    & .inventory-pet-art.has-trade-tags .inventory-owner-history { bottom: 32px; }
    & .inventory-owner-history .icon { width: 14px; height: 14px; }
    & .inventory-trade-tags { bottom: 7px; left: 8px; right: 8px; }
    & .inventory-trade-tag { border-radius: 5px; font-size: 8px; }
    & .inventory-trade-tags-copy { position: static; grid-column: 1 / -1; }
    & .inventory-pin { top: 8px; left: 8px; background: var(--paint-base-a91,#151019e8); border: 1px solid var(--paint-line-a15,#ffffff25); border-radius: 6px; }
    & .inventory-empty { grid-column: 1 / -1; padding: 54px 20px; color: var(--paint-text,#c4b4d0); background: var(--paint-base,#111014); border: 1px dashed var(--paint-line-a13,#ffffff21); border-radius: 13px; font-size: 13px; text-align: center; }
    & .inventory-pagination { gap: 9px; margin-top: 22px; }
    & .inventory-page-button { width: 38px; height: 38px; color: var(--paint-text,#d4c3df); background: var(--paint-base,#17121c); border-color: var(--paint-line-a11,#ffffff1b); border-radius: 8px; }
    & #inventory-page-input { width: 54px; height: 38px; min-height: 0; padding: 0 6px; color: var(--paint-text,#f4e8fa); background: var(--paint-base,#17121c); border-color: var(--paint-line-a11,#ffffff1b); border-radius: 8px; font-family: "BGSI Display", sans-serif; font-size: 14px; text-align: center; }
    & #inventory-page-total { min-width: 0; color: var(--paint-text,#bcaac9); font-family: "BGSI Display", sans-serif; font-size: 12px; }
    & .profile-feedback { padding: 22px 0 0; border: 0; border-top: 1px solid var(--paint-line-a9,#ffffff16); background: none; border-radius: 0; }
    & .profile-feedback-heading h2 { color: var(--paint-text,#eae0ef); font-size: 17px; font-weight: 550; }
    & .profile-feedback-grid { grid-template-columns: 320px minmax(0, 1fr); gap: 20px; margin-top: 18px; }
    & :is(.profile-rating-card, .profile-comments-card) { padding: 20px; background: var(--paint-base,#111014); border: 1px solid var(--paint-line-a8,#ffffff15); border-radius: 13px; }
    & .profile-rating-stars { display: flex; gap: 7px; color: var(--paint-accent-text,#ffc878); }
    & .profile-rating-card { display: flex; flex-direction: column; align-items: start; gap: 12px; text-align: left; }
    & .profile-rating-star { display: inline-flex; color: var(--paint-ink,#59535d); }
    & .profile-rating-star.is-filled { color: var(--paint-accent-text,#ffd08c); filter: drop-shadow(0 2px 4px #d4962833); }
    & .profile-rating-star svg { width: 27px; height: 27px; }
    & .profile-rating-score { display: flex; align-items: baseline; gap: 10px; }
    & .profile-rating-score > strong { color: var(--paint-text,#fff2eb); font: 650 42px/1 "BGSI Display", sans-serif; }
    & .profile-rating-card :is(strong, small) { margin-top: 0; }
    & .profile-rating-score > span { color: var(--paint-text,#c8bdcd); font-size: 13px; }
    & .profile-rating-picker { display: flex; gap: 6px; }
    & .profile-star { display: grid; place-items: center; width: 40px; height: 40px; padding: 8px; color: var(--paint-muted,#706470); background: var(--paint-tint-a2,#ffffff04); border: 1px solid var(--paint-line-a10,#ffffff1a); border-radius: 8px; }
    & .profile-star:is(:hover, .is-selected) { color: var(--paint-accent-text,#ffd08c); background: var(--paint-accent-a5,#eab46b0d); border-color: var(--paint-accent-a38,#eab46b60); }
    & .profile-star svg { width: 23px; height: 23px; }
    & .profile-rating-card > strong { color: var(--paint-text,#fff1f8); font-family: "BGSI Display", sans-serif; font-size: 25px; font-weight: 600; }
    & :is(.profile-rating-card > small, .profile-feedback-hint, .profile-feedback-empty) { color: var(--paint-text,#bbaac7); font-size: 11px; line-height: 1.7; }
    & .profile-comments-heading strong { font-size: 13px; font-weight: 500; }
    & .profile-comment-form textarea { padding: 12px; color: var(--paint-text,#f5e8fb); background: var(--paint-base,#0c0a0f); border: 1px solid var(--paint-line-a12,#ffffff1e); border-radius: 9px; font-size: 12px; }
    & .profile-comment-form button { min-height: 38px; padding: 0 15px; color: var(--paint-text,#fff0ef); background: #8c322d; border: 1px solid var(--paint-accent,#c46c64); border-radius: 8px; font-size: 11px; font-weight: 500; }
    & .profile-comment { padding: 13px 0; border-color: var(--paint-line-a8,#ffffff14); }
    & .profile-comment-copy p { color: var(--paint-text,#cfc0d9); font-size: 12px; line-height: 1.6; }
    & .profile-comment-copy :is(a, time) { font-size: 11px; }
    & .profile-view-summary { gap: 10px; padding-top: 15px; border-top-color: var(--paint-line-a9,#ffffff16); }
    & .profile-view-metric { background: none; border-color: var(--paint-line-a7,#ffffff12); }
    & .profile-rating-card .profile-view-summary { display: grid; grid-template-columns: 1fr; margin-top: 4px; }
    & .profile-view-metric { padding: 10px 0; min-height: 44px; grid-template-columns: 18px minmax(0, 1fr) auto; gap: 10px; border: 0; border-radius: 0; }
    & .profile-view-metric-copy small { color: var(--paint-text,#c5bdc8); font-size: 12px; white-space: normal; line-height: 1.4; }
    & .profile-view-metric-copy strong { color: var(--paint-text,#ecdaef); font-family: "BGSI Display", sans-serif; font-size: 18px; }
    & :is(.team-card, .hatch-card) { background: var(--paint-base,#111014); border-color: var(--paint-line-a9,#ffffff16); border-radius: 12px; }
    & .team-card h3 { font-size: 14px; font-weight: 550; }
    & .teams-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
    & .team-card { padding: 20px; box-shadow: inset 0 1px var(--paint-shadow-a2,#ffffff06); }
    & .team-card > div:first-child { gap: 12px; margin-bottom: 18px; padding-bottom: 16px; border-bottom: 1px solid var(--paint-line-a7,#ffffff12); }
    & .team-card h3 { font-size: 19px; letter-spacing: -.5px; }
    & .team-card .team-equipped { color: var(--paint-text,#d0bbc4); font: 450 11px "BGSI Interface", sans-serif; }
    & .team-pets { grid-template-columns: repeat(6, minmax(0, 1fr)); grid-template-rows: none; gap: 14px 10px; }
    & .team-pets > .team-pet { display: flex; flex-direction: column; gap: 6px; min-width: 0; aspect-ratio: auto; overflow: visible; background: none; border: 0; border-radius: 0; text-decoration: none; }
    & .team-pet-art { position: relative; display: grid; place-items: center; width: 100%; aspect-ratio: 1; overflow: hidden; background: var(--paint-surface,#19151a); border: 1px solid var(--paint-line-a7,#ffffff13); border-radius: 10px; transition: border-color .15s; }
    & .team-pet:is(:hover, :focus-visible) .team-pet-art { border-color: var(--paint-accent-a40,#ee706566); }
    & .team-pet-art img { width: 87%; height: 87%; object-fit: contain; }
    & .team-pet-art > svg { width: 30px; height: 30px; color: var(--paint-muted,#746570); }
    & .team-pet-level { position: absolute; bottom: 4px; left: 4px; padding: 3px 5px; color: var(--paint-text,#f4e8f0); background: var(--paint-base-a93,#100c11ed); border: 1px solid var(--paint-line-a11,#ffffff1c); border-radius: 5px; font: 600 10px "BGSI Display", sans-serif; }
    & .team-pet > strong { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--paint-text,#f2e6f0); font: 650 12px "BGSI Display", sans-serif; }
    & .team-pets > .team-pet > small { position: static; display: block; width: 100%; padding: 0; color: var(--paint-muted,#b8a9bd); background: none; font: 400 9px/1.4 "BGSI Interface", sans-serif; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    & .player-activity .pet-detail-list { display: grid; gap: 14px; max-height: none; overflow: visible; padding: 0; margin: 0; }
    & .player-activity .pet-detail-post { width: 100%; box-sizing: border-box; }
    & .player-activity .pet-detail-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    & .player-activity .pet-detail-post-player .player-handle { color: var(--paint-muted,#b5a5be); }
    & .player-activity .pet-detail-post-avatar:not(img) { display: grid; place-items: center; }
    & .player-activity-quantity { position: absolute; top: 3px; right: 3px; padding: 2px 4px; color: var(--paint-text,#f2e7ef); background: var(--paint-base-a93,#100c13ed); border: 1px solid var(--paint-line-a13,#ffffff20); border-radius: 4px; font: 650 9px "BGSI Display", sans-serif; }
    & .player-activity .terminal-pet-art > .icon { display: none; }
    & .player-activity .terminal-pet-art:not(:has(img)) > .icon { display: grid; }
    & .player-activity .terminal-pet-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    & .player-activity .terminal-pet-details { display: none; }
    & .history-tooltip-date { color: var(--paint-text,#d7bdca); font-size: 11px; padding-bottom: 9px; border-bottom: 1px solid var(--paint-line-a7,#ffffff13); }
    & .history-tooltip-label { color: var(--paint-muted,#b9a9c0); font-size: 10px; }
    & .inventory-mode svg { width: 16px; height: 16px; flex-shrink: 0; }
    & .inventory-search:hover { border-color: var(--paint-line-a25,#ffffff40); }
    & .inventory-search:focus-within { background: linear-gradient(180deg, var(--paint-surface,#1c171a), var(--paint-base,#141013)); border-color: var(--paint-accent-a56,#ee887790); box-shadow: inset 0 -2px var(--paint-accent,#e37b69), 0 0 0 3px var(--paint-accent-a5,#ee70650c); }
    & .custom-select-trigger:focus-visible, & .custom-select-option:focus-visible, & .inventory-rarity-options input:focus-visible { outline: 2px solid #ff9b8f; outline-offset: 3px; }
    & .hatch-card > strong { color: var(--paint-text,#f1e4f9); font-family: "BGSI Display", sans-serif; font-size: 16px; font-weight: 650; }
    & .hatch-card time { color: var(--paint-text,#bba6cd); font-size: 10px; }
    & .hatch-controls button { min-height: 36px; padding: 0 12px; color: var(--paint-text,#c6b3d4); background: var(--paint-base,#151019); border: 1px solid var(--paint-line-a11,#ffffff1b); border-radius: 8px; font-size: 11px; }
    & .hatch-controls button.is-active { color: var(--paint-accent-text,#ffb4a8); background: var(--paint-accent-a8,#ec3a3214); border-color: var(--paint-accent-a27,#ec3a3245); }
    & .profile-error { display: grid; grid-column: 1 / -1; justify-items: center; gap: 15px; padding: 30px 0; text-align: center; }
    & .profile-error > .icon { width: 32px; height: 32px; color: #ee756b; }
    & .profile-error h1 { font-size: 24px; }
    & .profile-error p { max-width: 42ch; color: var(--paint-text,#bcb0c4); font-size: 12px; line-height: 1.6; }
    & .profile-error > div { display: flex; gap: 10px; align-items: center; }
    & .profile-error :is(button, a) { display: inline-flex; align-items: center; min-height: 38px; padding: 0 13px; color: #ffb7aa; background: #ec3a3212; border: 1px solid #ec3a3236; border-radius: 8px; font-size: 11px; }
    & .player-detail-loader { position: static; min-height: 0; margin: 0; background: none; }
    & .player-detail-skeleton { gap: 26px; }
    & :is(.player-detail-skeleton-profile, .player-detail-skeleton-panel) { background: var(--paint-base,#111014); border-color: var(--paint-line-a8,#ffffff14); border-radius: 16px; }
    & .player-detail-skeleton-profile { min-height: 228px; }
    & .player-detail-skeleton-history { min-height: 290px; }
    & .player-detail-skeleton-grid { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 14px; }
    & .player-detail-skeleton-grid i { min-height: 225px; background: var(--paint-surface,#211b26); border-radius: 12px; }
    & .player-detail-skeleton-chart { min-height: 175px; }
    & :is(.player-detail-skeleton-avatar, .player-detail-skeleton-copy i, .player-detail-skeleton-summary i, .player-detail-skeleton-heading, .player-detail-skeleton-ranges i, .player-detail-skeleton-controls i) { background: var(--paint-surface,#2a202a); }
  }
  & .profile-settings-panel { width: min(470px, calc(100vw - 32px)); padding: 22px; color: var(--paint-text,#f0e6f7); background: var(--paint-base,#151019); border: 1px solid var(--paint-line-a14,#ffffff24); border-radius: 16px; box-shadow: inset 0 1px 0 var(--paint-shadow-a4,#ffffff0b), 0 24px 80px var(--paint-shadow-a73,#000b); }
  & .profile-settings-panel h2 { font-size: 19px; font-weight: 550; }
  & .profile-settings-section { padding: 18px 0; border-color: var(--paint-line-a9,#ffffff16); }
  & .profile-settings-section h3 { color: var(--paint-text,#cfc0da); font-size: 12px; font-weight: 500; }
  & .profile-settings-toggle strong { font-size: 12px; font-weight: 500; }
  & .profile-settings-toggle small { color: var(--paint-muted,#b8a5c6); font-size: 11px; line-height: 1.6; }
  & .profile-settings-toggle input { accent-color: var(--paint-accent,#f06a5d); }
  & .profile-settings-card { padding: 13px; background: var(--paint-surface,#251a16); border-color: var(--paint-accent-a27,#e4a06944); border-radius: 10px; }
  & .profile-settings-card strong { color: #ffdcba; font-size: 13px; }
  & .profile-settings-card small { color: #d3b095; font-size: 10px; }
  & .profile-settings-unequip { min-height: 36px; color: var(--paint-accent-text,#ffb0a1); background: var(--paint-accent-a8,#ec3a3214); border-color: var(--paint-accent-a22,#ec3a3238); border-radius: 8px; font-size: 11px; }
  & .profile-settings-card-leaves svg { width: 30px; height: 30px; }
  & .profile-settings-status { color: var(--paint-accent-text,#f7a397); font-size: 11px; line-height: 1.6; }
}

body.home-refined .nav-dropdown-menu a[href='/eggs'], body.home-refined .nav-dropdown-menu a[href='/bounties'] { display: flex; }

@media (max-width: 1200px) {
  body.player-refined #player-detail-page {
    width: calc(100% - 64px);
    & #player-profile { grid-template-columns: minmax(0, 1fr) minmax(370px, 1.05fr); gap: 24px; }
    & .inventory-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  }
}

@media (max-width: 1000px) {
  body.player-refined #player-detail-page {
    & #player-profile { grid-template-columns: minmax(0, 1fr); gap: 26px; }
    & .profile-stats { grid-template-columns: 1.3fr repeat(3, minmax(0, 1fr)); gap: 18px; }
    & .profile-stat-value { grid-column: auto; padding: 0 18px 0 0; border-bottom: 0; border-right: 1px solid var(--paint-line-a8,#ffffff14); }
    & .profile-stat-value .profile-stat-copy strong { font-size: 32px; }
    & .profile-stat-value .profile-stat-icon { display: none; }
    & .inventory-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    & .inventory-pet-value strong { font-size: 22px; }
  }
}

@media (max-width: 760px) {
  body.player-refined #player-detail-page {
    width: calc(100% - 40px); margin-top: 24px; gap: 22px;
    & .profile-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
    & .profile-stat-value { grid-column: 1 / -1; padding: 0 0 16px; border-right: 0; border-bottom: 1px solid var(--paint-line-a8,#ffffff14); }
    & .profile-stat-value .profile-stat-icon { display: grid; }
    & .profile-stat-value .profile-stat-copy strong { font-size: 38px; }
    & .value-history-summary { gap: 12px 22px; }
    & .inventory-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
    & .inventory-controls { flex-wrap: wrap; }
    & .inventory-search { flex-basis: calc(100% - 145px); min-width: 0; }
    & .inventory-mode { margin-left: auto; }
    & .inventory-heading { gap: 14px; }
    & .value-history-heading { flex-wrap: wrap; gap: 16px; }
    & .value-history-title { flex-basis: 100%; gap: 14px; }
    & .value-history-chart > svg { height: 300px; }
    & .profile-feedback-grid { grid-template-columns: 1fr; gap: 16px; }
    & .teams-grid { grid-template-columns: 1fr; }
    & .player-detail-skeleton-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  }
}

@media (max-width: 560px) {
  body.player-refined #player-detail-page {
    width: calc(100% - 28px); margin-top: 22px;
    & #player-profile { gap: 24px; padding: 18px 19px 23px; border-radius: 14px; }
    & .profile-topline { flex-wrap: wrap; gap: 10px 12px; }
    & .profile-last-seen { font-size: 9px; }
    & :is(.profile-halloween-edition, .profile-fall-edition) { margin-left: auto; font-size: 9px; }
    & .profile-main { gap: 21px; }
    & .profile-avatar-wrap, & .profile-avatar { width: 78px; height: 78px; }
    & .profile-avatar-wrap { flex-basis: 78px; }
    &.has-halloween-card .player-halloween-crest { inset: -20px -34px; }
    &.has-halloween-card .player-halloween-crest svg { width: 146px; height: 120px; }
    & .profile-identity h1 { font-size: 27px; letter-spacing: -.7px; }
    & .profile-title { font-size: 10px; }
    & .profile-handle { font-size: 11px; }
    & .profile-actions { margin-top: 10px; }
    & .profile-stats { gap: 18px 10px; }
    & .profile-stat { flex-direction: column; align-items: start; gap: 7px; }
    & .profile-stat-value { flex-direction: row; gap: 12px; }
    & .profile-stat-copy { display: grid; width: 100%; }
    & .profile-stat-copy :is(small, strong) { grid-column: auto; }
    & .profile-stat-copy strong { font-size: clamp(20px, 5.5vw, 26px); }
    & .profile-stat-copy small { font-size: 10px; }
    & .profile-stat-copy .profile-value-line { gap: 12px; }
    & .profile-stat-copy .profile-value-line > strong { font-size: 32px; letter-spacing: -1px; }
    & .profile-value-line .profile-last-seen { min-height: 36px; padding: 0 9px; font-size: 13px; }
    & .value-history { padding: 18px 16px 10px; border-radius: 13px; }
    & .value-history-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 16px; }
    & .value-history-summary > span { min-width: 0; }
    & .value-history-chart > svg { height: 230px; }
    & .value-history-chart { min-height: 230px; }
    & .player-collection-tabs { gap: 0; width: 100%; justify-content: space-between; }
    & .player-collection-tabs button { gap: 4px; padding: 0 6px; font-size: 10px; }
    & .player-collection-tabs button .icon { display: none; }
    & .inventory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    & .inventory-sort { flex-basis: 118px; width: 118px; }
    & .inventory-search { flex-basis: calc(100% - 130px); }
    & .inventory-search { padding: 0 12px; gap: 9px; }
    & .inventory-search input { font-size: 13px; }
    & .inventory-rarity-filter { width: 136px; flex-basis: 136px; }
    & .inventory-mode button { padding: 0 8px; font-size: 10px; }
    & .inventory-mode svg { width: 13px; height: 13px; }
    & .team-card { padding: 16px; }
    & .team-pets { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px 8px; }
    & .inventory-pet-copy { padding: 11px; gap: 8px 5px; }
    & .inventory-pet-name { font-size: 16px; }
    & .inventory-pet-value strong { font-size: 23px; }
    & .player-detail-skeleton-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    & .player-detail-skeleton-profile { min-height: 380px; }
    & .player-detail-skeleton-history { min-height: 350px; }
  }
}

@media (prefers-reduced-motion: reduce) {
  body.player-refined #player-detail-page :is(.inventory-pet, .player-collection-tabs button, .inventory-search, .profile-roblox-action, .profile-settings-button) { transition: none; }
  body.player-refined #player-detail-page .value-history-chart.is-animating :is(.history-line, .history-area) { animation: none; opacity: 1; stroke-dashoffset: 0; }
}

body.player-refined :is(.collection-skeleton-art,.collection-skeleton-line,.collection-skeleton-avatar) { display:block; background:linear-gradient(105deg,var(--paint-surface,#211b20) 28%,var(--paint-surface,#392429) 46%,var(--paint-surface,#211b20) 64%); background-size:240% 100%; animation:player-collection-shimmer 1.8s ease-in-out infinite; border-radius:6px; }
body.player-refined .collection-skeleton-line { width:70%; height:12px; min-height:12px; }
body.player-refined .collection-skeleton-line.wide { width:88%; height:16px; }
body.player-refined .collection-skeleton-line.short { width:40%; }
body.player-refined .collection-skeleton-card { pointer-events:none; overflow:hidden; grid-template-rows:auto 128px; padding:0; }
body.player-refined .collection-skeleton-card>.collection-skeleton-art { width:100%; aspect-ratio:1; border-radius:0; }
body.player-refined .collection-skeleton-card.inventory-pet>.collection-skeleton-art { aspect-ratio:1.13; }
body.player-refined .collection-skeleton-copy { display:grid; align-content:center; justify-items:center; gap:17px; min-height:128px; padding:16px; }
body.player-refined .inventory-grid[data-mode=raw] .collection-skeleton-copy { min-height:92px; gap:12px; }
body.player-refined .collection-skeleton-controls { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:18px; }
body.player-refined .collection-skeleton-controls i { width:120px; height:38px; }
body.player-refined .collection-skeleton-team>div:first-child { display:flex; justify-content:space-between; }
body.player-refined .collection-skeleton-team>div:first-child i { width:140px; }
body.player-refined .collection-skeleton-team-pet { display:grid; justify-items:center; gap:13px; min-width:0; padding:8px; }
body.player-refined .collection-skeleton-team-pet>.collection-skeleton-art { width:100%; aspect-ratio:1; }
body.player-refined .collection-skeleton-person { display:flex; align-items:center; gap:11px; min-height:40px; margin-bottom:18px; }
body.player-refined .collection-skeleton-avatar { width:40px; height:40px; flex:0 0 40px; border-radius:11px; }
body.player-refined .collection-skeleton-person>span:last-child { display:grid; gap:8px; width:110px; }
body.player-refined .collection-skeleton-post header { display:flex; justify-content:space-between; gap:20px; margin-bottom:15px; }
body.player-refined .collection-skeleton-post header i { width:70px; }
body.player-refined .collection-skeleton-mini { display:grid; justify-items:center; gap:10px; }
body.player-refined .collection-skeleton-mini>.collection-skeleton-art { width:100%; aspect-ratio:1; border-radius:9px; }
body.player-refined .collection-skeleton-card.hatch-card { grid-template-rows:auto auto; }
body.player-refined .collection-skeleton-card.hatch-card>.collection-skeleton-art { height:100px; aspect-ratio:auto; }
body.player-refined .collection-skeleton-card.hatch-card .collection-skeleton-copy { min-height:55px; padding:10px; gap:7px; }
@keyframes player-collection-shimmer { 0% { background-position:100% 0; } 100% { background-position:-100% 0; } }
@media(prefers-reduced-motion:reduce) { body.player-refined :is(.collection-skeleton-art,.collection-skeleton-line,.collection-skeleton-avatar) { animation:none; } }

body.player-refined :is(.inventory-owner-history-dialog,.inventory-ownership-trade-dialog) .chat-offer-editor{width:min(580px,calc(100vw - 24px));max-height:calc(100dvh - 32px);background:var(--paint-base-a96,#121215f5);border:1px solid var(--paint-line-a15,#ffffff26);border-top-color:var(--paint-line-a23,#ffffff3a);border-radius:18px;box-shadow:inset 0 1px var(--paint-shadow-a4,#ffffff0b),0 24px 80px var(--paint-shadow-a73,#000b);font-family:"BGSI Interface",sans-serif}
body.player-refined :is(.inventory-owner-history-dialog,.inventory-ownership-trade-dialog) .chat-offer-backdrop{background:var(--paint-base-a60,#0009);backdrop-filter:blur(8px)}
body.player-refined :is(.inventory-owner-history-dialog,.inventory-ownership-trade-dialog) .chat-offer-editor>header{min-height:76px;padding:20px 24px;border-color:var(--paint-line-a7,#ffffff12);gap:16px}
body.player-refined .ownership-dialog-heading{min-width:0}
body.player-refined .ownership-dialog-heading>span{display:block;margin-bottom:5px;color:var(--paint-accent,#ff6866);font-size:10px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}
body.player-refined .ownership-dialog-heading h2{font-size:23px;font-weight:650;letter-spacing:-.5px;color:var(--paint-text,#fff)}
body.player-refined .ownership-dialog-heading p{margin:5px 0 0;color:var(--paint-text,#c0bac6);font-size:12px;overflow-wrap:anywhere}
body.player-refined :is(.inventory-owner-history-dialog,.inventory-ownership-trade-dialog) .chat-offer-editor>header button{flex:none;width:36px;height:36px;background:var(--paint-tint-a2,#ffffff06);border:1px solid var(--paint-line-a11,#ffffff1c);border-radius:9px;color:var(--paint-text,#ccc8d1)}
body.player-refined :is(.inventory-owner-history-body,.inventory-ownership-trade-body){padding:24px;overflow:auto;scrollbar-width:thin;scrollbar-color:#49454d transparent}
body.player-refined .inventory-ownership-timeline>header{margin-bottom:20px;color:var(--paint-text,#bcb7c2);font-size:11px;font-weight:450}
body.player-refined .inventory-ownership-timeline>header code{padding:5px 8px;color:var(--paint-muted,#aaa5b2);background:var(--paint-tint-a2,#ffffff05);border:1px solid var(--paint-line-a7,#ffffff12);border-radius:5px;font-size:10px}
body.player-refined .inventory-ownership-owner{gap:16px;padding:14px;background:var(--paint-tint-a1,#ffffff03);border:1px solid var(--paint-line-a8,#ffffff14);border-radius:12px;box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff04)}
body.player-refined .inventory-ownership-owner.is-most-recent{background:var(--paint-accent-a3,#ec3a3208);border-color:var(--paint-accent-a29,#ec3a324a)}
body.player-refined :is(.inventory-ownership-avatar,.inventory-ownership-trade-avatar){width:44px;height:44px;border-radius:12px;background:var(--paint-surface,#29242d);border-color:var(--paint-line-a13,#ffffff21);color:var(--paint-text,#eee5f1)}
body.player-refined .inventory-ownership-profile{gap:12px}
body.player-refined .inventory-ownership-copy strong{font-size:14px;font-weight:600;color:var(--paint-text,#f6f3f8)}
body.player-refined :is(.inventory-ownership-copy small,.inventory-ownership-trade-people small){font-size:11px;color:var(--paint-muted,#aaa4b2)}
body.player-refined .inventory-ownership-owner time{max-width:110px;font-size:11px;line-height:1.6;color:var(--paint-muted,#aaa4b2)}
body.player-refined .inventory-ownership-owner.is-most-recent time{color:var(--paint-accent-text,#ff8b87)}
body.player-refined .inventory-ownership-connector{grid-template-rows:7px 28px 7px;height:42px;margin:-1px 0 -1px 12px;color:var(--paint-muted,#68626e)}
body.player-refined .inventory-ownership-connector.is-known{color:var(--paint-accent,#fa6564)}
body.player-refined .inventory-ownership-arrows{display:grid;grid-template-columns:1fr;width:30px;height:28px;border-radius:8px;background:var(--paint-surface,#19171c);border-color:var(--paint-line-a13,#ffffff21)}
body.player-refined .inventory-ownership-arrows svg{width:17px;height:17px}
body.player-refined .inventory-ownership-connector.is-known:is(:hover,:focus-visible) .inventory-ownership-arrows{background:var(--paint-accent-a10,#ec3a321a);border-color:var(--paint-accent,#ff6866);color:var(--paint-text,#fff);transform:none}
body.player-refined .inventory-owner-history-note{color:var(--paint-muted,#b7b0bf);font-size:12px;line-height:1.7}
body.player-refined :is(.inventory-owner-history-dialog,.inventory-ownership-trade-dialog) .chat-offer-editor>footer{padding:14px 24px;border-top:1px solid var(--paint-line-a7,#ffffff12);background:var(--paint-tint-a1,#ffffff02)}
body.player-refined :is(.inventory-owner-history-dialog,.inventory-ownership-trade-dialog) .chat-offer-editor>footer button{min-height:36px;padding:0 18px;background:var(--paint-accent-a8,#ec3a3214);border:1px solid var(--paint-accent-a33,#ec3a3255);border-radius:8px;color:var(--paint-text,#ffe5e4);font-size:12px}
body.player-refined :is(.inventory-owner-history-dialog,.inventory-ownership-trade-dialog) :is(button,a):focus-visible{outline:2px solid var(--paint-accent,#ff6866);outline-offset:3px}
body.player-refined .inventory-ownership-trade-people a{background:var(--paint-tint-a2,#ffffff04);border:1px solid var(--paint-line-a8,#ffffff14);border-radius:10px;padding:12px;gap:10px}
body.player-refined .inventory-ownership-trade-people strong{font-size:12px;color:var(--paint-text,#f4eff7)}
body.player-refined .inventory-ownership-trade-time{margin:18px 0;color:var(--paint-muted,#aaa4b2);font-size:11px}
body.player-refined .inventory-ownership-trade-sides>section{background:var(--paint-tint-a1,#ffffff03);border-color:var(--paint-line-a8,#ffffff14);border-radius:10px;padding:14px}
body.player-refined .inventory-ownership-trade-sides h3{font-size:12px;color:var(--paint-accent-text,#ff8b87)}
body.player-refined .inventory-ownership-trade-sides :is(li,p){font-size:11px;line-height:1.7;color:var(--paint-text,#c7bfce)}
@media(max-width:520px){body.player-refined :is(.inventory-owner-history-body,.inventory-ownership-trade-body){padding:16px}body.player-refined .inventory-ownership-owner{padding:12px;gap:8px}body.player-refined .inventory-ownership-owner time{max-width:85px;font-size:10px}body.player-refined .inventory-ownership-copy strong{font-size:12px}body.player-refined .inventory-ownership-trade-people a{flex-direction:column;align-items:flex-start}}

body.player-refined #player-detail-page .inventory-lf-badge{position:absolute;z-index:4;top:8px;left:8px;display:inline-flex;align-items:center;gap:4px;max-width:calc(100% - 54px);height:27px;padding:0 7px;color:var(--lf-demand,var(--paint-text,#bcb2c7));background:var(--paint-base-a94,#100e12ef);border:1px solid var(--paint-line-a15,#ffffff25);border-radius:7px;box-shadow:inset 0 1px var(--paint-shadow-a4,#ffffff0a),0 3px 8px var(--paint-shadow-a27,#0004);font-family:"BGSI Display",sans-serif;font-size:11px;line-height:1;white-space:nowrap}
body.player-refined #player-detail-page .inventory-lf-badge svg{width:13px;height:13px;flex:none}
body.player-refined #player-detail-page .inventory-lf-badge strong{font-weight:750;font-size:10px}
body.player-refined #player-detail-page .inventory-lf-badge>span{color:var(--paint-text,#fff0f4);font-weight:650;overflow:hidden;text-overflow:ellipsis}
body.player-refined #player-detail-page button.inventory-lf-badge{cursor:pointer}
body.player-refined #player-detail-page button.inventory-lf-badge:hover{border-color:var(--lf-demand,var(--paint-accent,#ff6866));background:var(--paint-surface,#21171e)}
body.player-refined #player-detail-page .inventory-tag-badge{position:absolute;z-index:5;top:6px;right:6px;display:grid;place-items:center;width:32px;height:31px;min-height:0;padding:3px;color:var(--paint-muted,#b8afc3);background:var(--paint-base-a94,#100e12ef);border:1px solid var(--paint-line-a13,#ffffff21);border-radius:7px;box-shadow:inset 0 1px var(--paint-shadow-a3,#ffffff08),0 3px 8px var(--paint-shadow-a20,#0003);cursor:pointer}
body.player-refined #player-detail-page .inventory-tag-badge svg{width:25px;height:19px}
body.player-refined #player-detail-page .inventory-tag-badge.has-tags{color:#ffaaa8;border-color:#ec3a3245}
body.player-refined #player-detail-page .inventory-tag-badge:is(:hover,[aria-expanded="true"]){color:var(--paint-text,#fff0ee);background:var(--paint-surface,#332025);border-color:#ff696680}
body.player-refined #player-detail-page .inventory-pet-art.has-tag-badge .inventory-quantity{top:43px;right:8px}
body.player-refined #player-detail-page .inventory-pet-art.has-lf-badge :is(.inventory-pin,.inventory-trend){top:42px}
body.player-refined #player-detail-page .inventory-pet-art:has(.inventory-pin) .inventory-trend{left:42px}
body.player-refined #player-detail-page :is(.inventory-tag-badge,.inventory-lf-badge):focus-visible{outline:2px solid #ff7878;outline-offset:3px}
.inventory-tag-popover{position:fixed;inset:auto;z-index:10020;width:224px;box-sizing:border-box;margin:0;padding:7px;color:var(--paint-text,#f6eff8);background:var(--paint-surface-a96,#19171bf5);border:1px solid var(--paint-line-a15,#ffffff25);border-top-color:var(--paint-line-a22,#ffffff38);border-radius:12px;box-shadow:inset 0 1px var(--paint-shadow-a3,#ffffff07),0 12px 40px var(--paint-shadow-a73,#000b);backdrop-filter:blur(18px);font-family:"BGSI Interface",sans-serif}
.inventory-tag-popover::backdrop{background:transparent;pointer-events:none}
.inventory-tag-popover>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 8px 12px;margin-bottom:3px;border-bottom:1px solid var(--paint-line-a6,#ffffff10)}
.inventory-tag-popover>header strong{font-size:12px;font-weight:600}
.inventory-tag-popover>header span{font-size:10px;color:var(--paint-muted,#b5aabf)}
.inventory-tag-option{display:flex;align-items:center;gap:9px;width:100%;min-height:49px;padding:8px;color:var(--paint-muted,#b8a9c3);background:none;border:0;border-radius:7px;text-align:left;font:inherit}
.inventory-tag-option>.icon{width:17px;height:17px;flex:none;color:#fa8f8e}
.inventory-tag-option>span:not(.icon):not(.inventory-tag-check){display:grid;gap:4px;min-width:0;flex:1}
.inventory-tag-option strong{color:var(--paint-text,#f2eaf6);font-size:12px;font-weight:600}
.inventory-tag-option small{color:var(--paint-text,#bdb0c8);font-size:10px;line-height:1.4}
button.inventory-tag-option{cursor:pointer}
button.inventory-tag-option:hover{background:var(--paint-tint-a2,#ffffff05)}
button.inventory-tag-option[aria-pressed="true"]{background:#ed454810}
.inventory-tag-check{width:16px;height:16px;flex:none;border:1px solid var(--paint-line,#7e677a);border-radius:4px}
[aria-pressed="true"]>.inventory-tag-check{display:grid;place-items:center;background:#e94b51;border-color:#ff8b8b}
[aria-pressed="true"]>.inventory-tag-check::after{content:"";width:7px;height:4px;border-left:2px solid white;border-bottom:2px solid white;transform:translateY(-1px) rotate(-45deg)}
.inventory-tag-option:focus-visible{outline:2px solid #ff7373;outline-offset:-2px}
body.player-refined .inventory-ownership-trade-dialog .chat-offer-editor{width:min(960px,calc(100vw - 24px));background:var(--paint-base-a98,#121215fa)}
body.player-refined .captured-trade-heading-actions{display:flex;align-items:center;gap:16px;flex:none}
body.player-refined .captured-trade-heading-actions time{padding:7px 10px;color:var(--paint-text,#d5c7d8);background:var(--paint-tint-a2,#ffffff04);border:1px solid var(--paint-line-a9,#ffffff16);border-radius:7px;font-size:11px;font-variant-numeric:tabular-nums}
body.player-refined .captured-trade-body{padding:22px 24px 26px;overflow:auto;scrollbar-width:thin;scrollbar-color:#615361 transparent;overscroll-behavior:contain}
body.player-refined .captured-trade-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
body.player-refined .captured-trade-comparison .trade-side{min-width:0;padding:0;border:0;background:none}
body.player-refined .captured-trade-comparison .trade-side+.trade-side{padding-left:24px;border-left:1px solid var(--paint-line-a9,#ffffff16)}
body.player-refined .captured-trade-comparison .trade-side-person{display:flex;align-items:center;min-height:56px;margin-bottom:18px}
body.player-refined .captured-trade-comparison .trade-player{display:flex;align-items:center;gap:12px;min-width:0;padding:0;background:none;border:0}
body.player-refined .captured-trade-comparison .trade-player-avatar{width:46px;height:46px;flex:none;display:grid;place-items:center;border:1px solid var(--paint-line-a13,#ffffff20);border-radius:12px;object-fit:cover;background:var(--paint-surface,#29232d);color:var(--paint-text,#f5cdd8);font-size:18px}
body.player-refined .captured-trade-comparison .trade-player-copy{display:grid;gap:5px;min-width:0}
body.player-refined .captured-trade-comparison .trade-player-copy strong{color:var(--paint-text,#fff2f7);font-size:16px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.player-refined .captured-trade-comparison .trade-player-copy small{font-size:11px;color:var(--paint-muted,#b8a5c2)}
body.player-refined .captured-trade-comparison .trade-side h2{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid var(--paint-line-a6,#ffffff10);font-size:12px;font-weight:500}
body.player-refined .captured-trade-comparison .trade-side-lost h2>span{color:var(--paint-accent-text,#ff8789)}
body.player-refined .captured-trade-comparison .trade-side-gained h2>span{color:#9ee6b9}
body.player-refined .captured-trade-comparison .trade-side h2>strong{color:var(--paint-text,#f4ebf9);font-family:"BGSI Display",sans-serif;font-size:17px;font-weight:650;white-space:nowrap}
body.player-refined .captured-trade-comparison .trade-pet-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:14px 10px}
body.player-refined .captured-trade-comparison .trade-pet-slot{display:grid;gap:7px;min-width:0}
body.player-refined .captured-trade-comparison .trade-pet-art{background:var(--paint-tint-a1,#ffffff03);border:1px solid var(--paint-line-a11,#ffffff1d);border-radius:9px}
body.player-refined .captured-trade-comparison .trade-pet-slot:hover .trade-pet-art{background:var(--paint-tint-a2,#ffffff06);border-color:var(--paint-accent-a56,#ec3a3290)}
body.player-refined .captured-trade-comparison .trade-pet-art>img:not(.trade-super-legendary){width:94%;height:94%}
body.player-refined .captured-trade-comparison .trade-pet-art>strong{max-width:calc(100% - 8px);right:4px;bottom:4px;padding:4px 5px;background:var(--paint-base-a93,#100d13ed);border:1px solid var(--paint-line-a9,#ffffff16);border-radius:5px;color:var(--paint-text,#ffedf5);font-family:"BGSI Display",sans-serif;font-size:10px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.player-refined .captured-trade-comparison .trade-pet-slot>small{color:var(--paint-text,#d4c5de);font-size:10px;font-weight:500;line-height:1.4}
body.player-refined .captured-trade-comparison .trade-demand-star{top:5px;left:5px;font-size:10px}
body.player-refined .captured-trade-comparison .terminal-pet-quantity{top:5px;right:5px;padding:3px 4px;background:var(--paint-base-a93,#0c0a0eee);border:1px solid var(--paint-line-a13,#ffffff20);border-radius:4px;font-size:10px}
body.player-refined .captured-trade-comparison .trade-pet-empty{grid-column:1/-1;display:grid;place-items:center;min-height:162px;padding:20px;border:1px dashed var(--paint-line-a13,#ffffff20);border-radius:11px;background:var(--paint-tint-a1,#ffffff02)}
body.player-refined .captured-trade-comparison .trade-empty-content{display:grid;justify-items:center;gap:11px;color:var(--paint-text,#bdb0c6);font-size:12px}
body.player-refined .captured-trade-comparison .trade-empty-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--paint-line-a10,#ffffff1a);border-radius:12px;background:var(--paint-tint-a2,#ffffff04);color:var(--paint-muted,#ba9ebd)}
body.player-refined .captured-trade-comparison .trade-empty-icon svg{width:22px;height:22px}
body.player-refined .inventory-ownership-trade-dialog .chat-offer-editor>footer{display:flex;align-items:center;justify-content:space-between;gap:24px}
body.player-refined .inventory-ownership-trade-dialog .chat-offer-editor>footer p{max-width:580px;margin:0;color:var(--paint-muted,#aaa0b4);font-size:11px;line-height:1.6}
@media(max-width:620px){body.player-refined .inventory-ownership-trade-dialog .chat-offer-editor>header{padding:18px 16px}body.player-refined .captured-trade-heading-actions{gap:7px}body.player-refined .captured-trade-heading-actions time{font-size:10px;padding:6px 7px}body.player-refined .captured-trade-body{padding:18px 14px}body.player-refined .captured-trade-comparison{gap:12px}body.player-refined .captured-trade-comparison .trade-side+.trade-side{padding-left:12px}body.player-refined .captured-trade-comparison .trade-player{gap:8px}body.player-refined .captured-trade-comparison .trade-player-avatar{width:34px;height:34px;border-radius:9px}body.player-refined .captured-trade-comparison .trade-player-copy strong{font-size:12px}body.player-refined .captured-trade-comparison .trade-player-copy small{font-size:9px}body.player-refined .captured-trade-comparison .trade-side h2{flex-wrap:wrap;gap:6px}body.player-refined .captured-trade-comparison .trade-side h2>strong{font-size:14px}body.player-refined .captured-trade-comparison .trade-pet-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 7px}body.player-refined .inventory-ownership-trade-dialog .chat-offer-editor>footer{padding:14px 16px;gap:14px}body.player-refined .captured-trade-comparison .trade-pet-art>strong{font-size:9px}}

body.player-refined .captured-trade-comparison .terminal-pet-quantity{position:absolute;z-index:4;color:var(--paint-text,#f3e5f3);font-family:"BGSI Display",sans-serif;font-weight:650;line-height:1}
body.player-refined .captured-trade-comparison .activity-pet-demand{top:5px;left:5px;bottom:auto;width:17px;height:17px}

body.player-refined .inventory-ownership-trade-dialog{padding:12px}

body.player-refined .captured-trade-comparison>.pet-detail-list{grid-column:1/-1;width:100%}
body.player-refined .captured-trade-comparison .collection-skeleton-post{padding:0;border:0;background:none}
body.player-refined .captured-trade-error{grid-column:1/-1;display:grid;justify-items:center;gap:12px;padding:40px 12px;color:var(--paint-text,#c6b8d0);font-size:13px}
body.player-refined .captured-trade-error button{padding:10px 16px;background:#ed454816;border:1px solid #ed454855;border-radius:8px;color:var(--paint-text,#ffe9ee);cursor:pointer}
body.player-refined .captured-trade-data-note{grid-column:1/-1;color:var(--paint-text,#cfbacf);font-size:12px}

body.player-refined #player-detail-page .player-value-panels {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  gap: 16px;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
}
body.player-refined .value-history-main,
body.player-refined .inventory-changes {
  min-width: 0;
  padding: 22px 24px 16px;
  background: var(--paint-base, #0e0d11);
  border: 1px solid var(--paint-line-a7, #ffffff12);
  border-radius: 16px;
}
body.player-refined #player-detail-page .player-value-panels .value-history-heading { display: flex; gap: 16px; }
body.player-refined #player-detail-page .player-value-panels .value-history-title { gap: 14px; }
body.player-refined #player-detail-page .player-value-panels .value-history-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
body.player-refined #player-detail-page .player-value-panels .value-history-summary > span { min-width: 0; }
body.player-refined #player-detail-page .player-value-panels .value-history-ranges { justify-self: start; }
body.player-refined .inventory-changes { display: flex; flex-direction: column; gap: 6px; padding: 16px; }
body.player-refined .inventory-changes > header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 8px; }
body.player-refined .inventory-changes-controls { display: flex; flex-shrink: 0; align-items: center; gap: 3px; }
body.player-refined .inventory-changes-controls [data-changes-action] { display: grid; place-items: center; width: 28px; height: 32px; padding: 0; color: var(--paint-muted, #b9afc0); background: transparent; border: 1px solid var(--paint-line-a13, #ffffff21); border-radius: 7px; cursor: pointer; }
body.player-refined .inventory-changes-controls [data-changes-action]:hover { background: var(--paint-tint-a7, #ffffff12); }
body.player-refined .inventory-changes-controls [data-changes-action]:disabled { opacity: .35; cursor: default; }
body.player-refined .inventory-changes-controls svg { width: 14px; height: 14px; }
body.player-refined #inventory-changes-position { min-width: 32px; color: var(--paint-muted, #b9afc0); font-size: 10px; text-align: center; font-variant-numeric: tabular-nums; }
body.player-refined .inventory-changes h2 { margin: 0; color: var(--paint-muted, #b9afc0); font-size: 11px; font-weight: 600; letter-spacing: .7px; text-transform: uppercase; }
body.player-refined #inventory-changes-refresh { display: grid; place-items: center; width: 32px; height: 32px; padding: 0; color: var(--paint-muted, #b9afc0); background: transparent; border: 1px solid var(--paint-line-a13, #ffffff21); border-radius: 7px; cursor: pointer; }
body.player-refined #inventory-changes-refresh svg { width: 14px; height: 14px; }
body.player-refined #inventory-changes-refresh:hover { background: var(--paint-tint-a7, #ffffff12); }
body.player-refined #inventory-changes-refresh:disabled { opacity: .6; cursor: wait; }
body.player-refined .inventory-changes-body { display: flex; flex: 1; flex-direction: column; min-height: 0; gap: 10px; }
body.player-refined .inventory-changes-dates { margin: 0; color: var(--paint-muted, #b9afc0); font-size: 11px; line-height: 1.6; }
body.player-refined .inventory-changes-net { display: flex; align-items: center; gap: 8px; font-variant-numeric: tabular-nums; }
body.player-refined .inventory-changes-net strong { font-family: "BGSI Display", sans-serif; font-size: 24px; font-weight: 650; line-height: 1; letter-spacing: -.5px; }
body.player-refined .inventory-changes-net > span { padding: 3px 5px; background: var(--paint-tint-a3, #ffffff07); border: 1px solid currentColor; border-radius: 5px; font-size: 11px; font-weight: 550; }
body.player-refined .inventory-changes-counts { display: flex; flex-wrap: wrap; gap: 6px 12px; margin: 1px 0 4px; color: var(--paint-muted, #b9afc0); font-size: 11px; }
body.player-refined .inventory-changes-counts b { color: var(--paint-text, #f3edf5); font-variant-numeric: tabular-nums; }
body.player-refined .inventory-changes-current { display: flex; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 10px; border-top: 1px solid var(--paint-line-a7, #ffffff12); color: var(--paint-muted, #b9afc0); font-size: 11px; }
body.player-refined .inventory-changes-current strong { color: var(--paint-text, #f3edf5); font-weight: 550; font-variant-numeric: tabular-nums; }
body.player-refined .inventory-changes-list { flex: 1; max-height: 235px; margin: 0; padding: 0 3px; list-style: none; overflow-y: auto; scroll-behavior: smooth; scrollbar-width: thin; scrollbar-color: var(--paint-line-a23, #ffffff3a) transparent; }
body.player-refined .inventory-change-pet { display: flex; align-items: center; min-height: 60px; gap: 8px; padding: 8px 0; color: var(--paint-text, #f3edf5); text-decoration: none; border-bottom: 1px solid var(--paint-line-a7, #ffffff12); }
body.player-refined .inventory-change-pet:hover { background: var(--paint-tint-a3, #ffffff07); }
body.player-refined .inventory-change-art { position: relative; display: grid; flex: 0 0 36px; place-items: center; width: 36px; height: 40px; overflow: hidden; }
body.player-refined .inventory-change-art > :is(img, .icon) { width: 28px; height: 28px; object-fit: contain; }
body.player-refined .inventory-change-art.is-xl > img { width: 36px; height: 36px; }
body.player-refined .inventory-change-art .sl-artwork { width: 32px; height: 32px; }
body.player-refined .inventory-change-copy { display: grid; flex: 1; min-width: 0; gap: 4px; }
body.player-refined .inventory-change-pet strong { font-size: 12px; font-weight: 550; overflow-wrap: anywhere; }
body.player-refined .inventory-change-pet small { color: var(--paint-muted, #b9afc0); font-size: 11px; line-height: 1.5; }
body.player-refined .inventory-change-pet b { flex-shrink: 0; font-size: 12px; font-weight: 550; font-variant-numeric: tabular-nums; }
body.player-refined .inventory-changes-empty { margin: 0; padding: 16px 0; color: var(--paint-muted, #b9afc0); font-size: 13px; line-height: 1.7; }
body.player-refined .inventory-changes-note { margin: 0; color: var(--paint-muted, #b9afc0); font-size: 11px; line-height: 1.6; }
body.player-refined .inventory-changes [data-direction="up"] { color: #97e6ae; }
body.player-refined .inventory-changes [data-direction="down"] { color: var(--paint-accent-text, #ff8580); }
body.player-refined .inventory-changes :is(a, button, .inventory-changes-list):focus-visible { outline: 2px solid var(--paint-accent, #f6655b); outline-offset: 3px; }
html[data-theme="light"] body.player-refined .inventory-changes [data-direction="up"] { color: #246b39; }
@media (max-width: 1000px) {
  body.player-refined #player-detail-page .player-value-panels { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  body.player-refined #player-detail-page .player-value-panels .value-history-heading { display: grid; }
}
@media (max-width: 560px) {
  body.player-refined .value-history-main, body.player-refined .inventory-changes { padding: 18px 16px 12px; border-radius: 13px; }
  body.player-refined #player-detail-page .player-value-panels .value-history-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.player-refined .inventory-changes-list { max-height: 280px; }
}

@media (prefers-reduced-motion: reduce) {
  body.player-refined .inventory-changes-list { scroll-behavior: auto; }
}