/* GodlyFlip interaction polish v13: scoped overrides for Jackpot, profiles,
   Coinflip round details, and the shared Provably Fair checker. */

/* ---------- Jackpot: its own desktop scroller ---------- */
@media (min-width: 851px) {
  body.on-jackpot .columns > #jackpotPage {
    grid-column: 1 !important;
    grid-row: 1 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    padding-right: 7px !important;
    padding-bottom: 34px !important;
  }
}

@media (min-width: 901px) {
  body.on-jackpot .columns {
    height: 100% !important;
    min-height: 0 !important;
  }
}

body.on-jackpot #jackpotPage .jp-participants {
  display: grid;
  gap: 10px;
  min-width: 0;
}

body.on-jackpot #jackpotPage .jp-participants-head {
  display: flex;
  align-items: center;
  min-height: 42px;
  gap: 18px;
  padding: 0 4px;
  color: #b9b0c7;
}

body.on-jackpot #jackpotPage .jp-participants-head > div {
  display: grid;
  gap: 3px;
  margin-right: auto;
}

body.on-jackpot #jackpotPage .jp-participants-head small,
body.on-jackpot #jackpotPage .jp-participants-head em {
  color: #82798f;
  font: 700 9px/1 DM Mono, monospace;
  font-style: normal;
  letter-spacing: .11em;
}

body.on-jackpot #jackpotPage .jp-participants-head b {
  color: #f3eff8;
  font: 800 13px/1 Manrope, sans-serif;
  letter-spacing: .025em;
}

body.on-jackpot #jackpotPage .jp-participants-head > span {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  color: #afa5ba;
  font: 700 10px/1 DM Mono, monospace;
  letter-spacing: .08em;
}

body.on-jackpot #jackpotPage .jp-participants-head > span strong {
  color: #c99cff;
  font: 800 17px/1 Manrope, sans-serif;
}

body.on-jackpot #jackpotPage .jp-pointer {
  width: 1px !important;
  margin-left: 0 !important;
  background: linear-gradient(180deg, rgba(190, 148, 255, .25), #ad74ff 18%, #ad74ff 82%, rgba(190, 148, 255, .2)) !important;
  box-shadow: 0 0 10px rgba(164, 104, 255, .38) !important;
  pointer-events: none !important;
}

body.on-jackpot #jackpotPage .jp-pointer::before {
  left: 50% !important;
  top: 0 !important;
  width: 5px !important;
  height: 3px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 0 2px 2px !important;
  background: #c49aff !important;
  transform: translateX(-50%) !important;
  box-shadow: none !important;
}

body.on-jackpot #jackpotPage .jp-pointer::after {
  display: none !important;
}

body.on-jackpot #jackpotPage .jp-rr-go {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 40px !important;
  padding: 7px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #92889f !important;
}

body.on-jackpot #jackpotPage .jp-rr-go svg {
  width: 19px !important;
  height: 19px !important;
  transition: transform .16s ease, color .16s ease;
}

body.on-jackpot #jackpotPage .jp-rr:hover .jp-rr-go {
  color: #c7a1ff !important;
}

body.on-jackpot #jackpotPage .jp-rr:hover .jp-rr-go svg {
  transform: translateX(2px);
}

@container jackpot-shell (max-width: 720px) {
  body.on-jackpot #jackpotPage .jp-participants-head {
    flex-wrap: wrap;
    gap: 7px 15px;
    padding: 4px 2px;
  }

  body.on-jackpot #jackpotPage .jp-participants-head > div {
    flex: 1 0 100%;
  }
}

/* ---------- Player profile: useful account signals, no filler ---------- */
#profile .profile-card {
  width: min(680px, calc(100vw - 28px)) !important;
  max-width: 680px !important;
  max-height: min(760px, calc(100dvh - 28px)) !important;
  box-sizing: border-box !important;
  padding: 24px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  transform: none !important;
  border: 1px solid #3b3348 !important;
  border-top: 2px solid #a45cf0 !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 78% 12%, rgba(132, 76, 204, .12), transparent 35%),
    linear-gradient(145deg, #18151f, #111016) !important;
}

#profile .profile-card > p {
  margin: 0 0 18px !important;
  color: #c893ff !important;
  font: 800 10px/1 DM Mono, monospace !important;
  letter-spacing: .15em !important;
}

#profile .profile-hero {
  grid-template-columns: 112px minmax(0, 1fr) auto !important;
  gap: 22px !important;
  min-height: 112px !important;
}

#profile .profile-online {
  display: inline-flex !important;
}

#profile .profile-primary-stats {
  display: grid;
  grid-template-columns: 1.35fr .8fr 1fr;
  gap: 9px;
  margin-top: 22px;
}

#profile .profile-stat {
  display: grid;
  align-content: center;
  min-width: 0;
  min-height: 86px;
  padding: 15px 17px;
  border: 1px solid #332c3c;
  border-radius: 6px;
  background: rgba(255, 255, 255, .025);
}

#profile .profile-stat-wager {
  border-color: rgba(160, 96, 239, .48);
  background: linear-gradient(135deg, rgba(120, 67, 190, .16), rgba(255, 255, 255, .022));
}

#profile .profile-primary-stats small,
#profile .profile-secondary-stats small,
#profile .profile-member small {
  color: #91879f;
  font: 800 9px/1 DM Mono, monospace;
  letter-spacing: .105em;
}

#profile .profile-primary-stats b {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  margin-top: 9px;
  color: #f6f1fb;
  font: 800 22px/1 Manrope, sans-serif;
  letter-spacing: -.025em;
}

#profile .profile-stat-wager b {
  color: #c997ff;
  font-size: 25px;
}

#profile .profile-primary-stats .g-coin {
  width: 24px;
  height: 24px;
  vertical-align: 0;
}

#profile .profile-secondary-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 10px;
  border: 1px solid #302a38;
  border-radius: 6px;
  background: #111016;
}

#profile .profile-secondary-stats > div {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 14px 17px;
  border-right: 1px solid #302a38;
}

#profile .profile-secondary-stats > div:last-child {
  border-right: 0;
}

#profile .profile-secondary-stats b {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #e7e1ee;
  font: 800 16px/1 Manrope, sans-serif;
}

#profile .profile-secondary-stats .g-coin {
  width: 18px;
  height: 18px;
  vertical-align: 0;
}

#profile .profile-member {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  margin: 16px -24px -24px;
  padding: 14px 24px;
  border-top: 1px solid #302a38;
  background: rgba(7, 7, 10, .26);
}

#profile .profile-member > svg {
  width: 20px;
  height: 20px;
  padding: 5px;
  color: #b6a9c4;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#profile .profile-member > span {
  display: grid;
  gap: 4px;
}

#profile .profile-member b {
  color: #e5dfea;
  font: 700 12px/1 Manrope, sans-serif;
}

#profile .profile-member em {
  padding: 6px 8px;
  border: 1px solid rgba(75, 213, 151, .22);
  border-radius: 4px;
  background: rgba(75, 213, 151, .07);
  color: #80dcb3;
  font: 800 8px/1 DM Mono, monospace;
  font-style: normal;
  letter-spacing: .08em;
}

@media (max-width: 620px) {
  #profile .profile-card {
    padding: 18px !important;
  }

  #profile .profile-hero {
    grid-template-columns: 78px minmax(0, 1fr) !important;
    gap: 13px !important;
  }

  #profile .profile-primary-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #profile .profile-stat-wager {
    grid-column: 1 / -1;
  }

  #profile .profile-secondary-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #profile .profile-secondary-stats > div {
    border-bottom: 1px solid #302a38;
  }

  #profile .profile-secondary-stats > div:nth-child(2) {
    border-right: 0;
  }

  #profile .profile-secondary-stats > div:last-child {
    grid-column: 1 / -1;
    border-bottom: 0;
  }

  #profile .profile-member {
    margin: 14px -18px -18px;
    padding: 13px 18px;
  }

  #profile .profile-member em {
    display: none;
  }
}

/* ---------- v15: history index, accelerated page picker, current-user cues ---------- */
body.on-jackpot #jackpotPage .jp-rr-user {
  grid-template-columns: 44px 66px minmax(0, 1fr) !important;
}

body.on-jackpot #jackpotPage .jp-rr-index {
  display: flex !important;
  align-self: center !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: auto !important;
  min-height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #aaa2b2 !important;
  font: 800 13px/1 DM Mono, monospace !important;
  font-variant-numeric: tabular-nums;
  text-align: center !important;
}

body.on-jackpot #jackpotPage .jp-page-jump {
  gap: 9px !important;
}

body.on-jackpot #jackpotPage .jp-page-jump > label {
  display: block !important;
  color: #aaa2b1 !important;
  font: 800 10px/1 Manrope, sans-serif !important;
  letter-spacing: .065em !important;
}

body.on-jackpot #jackpotPage .jp-page-field {
  display: grid;
  grid-template-columns: 52px 24px;
  width: 76px;
  height: 42px;
  overflow: hidden;
  border: 1px solid #38333e;
  border-radius: 6px;
  background: #0e0d12;
}

body.on-jackpot #jackpotPage .jp-page-jump input {
  appearance: textfield !important;
  width: 52px !important;
  height: 40px !important;
  box-sizing: border-box !important;
  padding: 0 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #f0ecf3 !important;
  font: 800 14px/1 DM Mono, monospace !important;
  font-variant-numeric: tabular-nums;
  text-align: center !important;
  box-shadow: none !important;
}

body.on-jackpot #jackpotPage .jp-page-jump input::-webkit-inner-spin-button,
body.on-jackpot #jackpotPage .jp-page-jump input::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

body.on-jackpot #jackpotPage .jp-page-field:focus-within {
  border-color: #73598a;
  box-shadow: 0 0 0 2px rgba(112, 79, 137, .12);
}

body.on-jackpot #jackpotPage .jp-page-nudges {
  display: grid;
  grid-template-rows: repeat(2, 21px);
  border-left: 1px solid #302c35;
}

body.on-jackpot #jackpotPage .jp-page-nudges > button {
  display: grid !important;
  place-items: center !important;
  min-width: 24px !important;
  width: 24px !important;
  height: 21px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #17151b !important;
  color: #8f8797 !important;
  font: 700 7px/1 Arial, sans-serif !important;
  user-select: none;
  touch-action: none;
}

body.on-jackpot #jackpotPage .jp-page-nudges > button:first-child {
  border-bottom: 1px solid #302c35 !important;
}

body.on-jackpot #jackpotPage .jp-page-nudges > button:hover,
body.on-jackpot #jackpotPage .jp-page-nudges > button:active {
  background: #201a27 !important;
  color: #d2c5dc !important;
}

body.on-jackpot #jackpotPage .jp-page-jump > #jpPageGo {
  min-width: 48px !important;
  height: 42px !important;
  padding: 0 12px !important;
  border-color: #4c3d58 !important;
  background: #1a161f !important;
  color: #ddd5e4 !important;
  font: 800 11px/1 Manrope, sans-serif !important;
}

body.on-jackpot #jackpotPage .jp-page-jump > #jpPageGo:hover {
  border-color: #76588a !important;
  background: #211927 !important;
}

body.on-jackpot #jackpotPage .jp-entry.is-you {
  border-color: #4b3b57 !important;
  box-shadow:
    inset 2px 0 #765494,
    inset 0 1px 0 rgba(255, 255, 255, .025),
    0 10px 22px rgba(0, 0, 0, .18) !important;
}

body.on-jackpot #jackpotPage .jp-you-badge,
body.on-jackpot #jpDetailModal .jpd-you-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 15px;
  padding: 1px 5px;
  border: 1px solid #5e496c;
  border-radius: 3px;
  background: #1d1723;
  color: #bba7c8;
  font: 800 7px/1 DM Mono, monospace;
  font-style: normal;
  letter-spacing: .08em;
}

.lobby.is-current-user {
  background:
    linear-gradient(90deg, rgba(102, 73, 125, .09), transparent 22%),
    #101015 !important;
  box-shadow: inset 2px 0 #71508b !important;
}

.lobby .player[data-owner="GodlyUser"] > span > b::after,
.lobby .live-match-player[data-owner="GodlyUser"] > span > b::after,
#viewer .replay-profile-hit[data-owner="GodlyUser"] .replay-identity > b::after,
.past-game .matchup-player[data-owner="GodlyUser"] b::after {
  content: "YOU";
  display: inline-flex;
  align-items: center;
  min-height: 13px;
  margin-left: 6px;
  padding: 1px 4px;
  border: 1px solid #594764;
  border-radius: 3px;
  background: #1b1720;
  color: #aa98b7;
  font: 800 6px/1 DM Mono, monospace;
  letter-spacing: .07em;
  vertical-align: 2px;
}

@media (max-width: 650px) {
  body.on-jackpot #jackpotPage .jp-rr-user {
    grid-template-columns: 34px 54px minmax(0, 1fr) !important;
  }

  body.on-jackpot #jackpotPage .jp-rr-index {
    width: 34px !important;
    min-height: 32px !important;
    font-size: 11px !important;
  }

  body.on-jackpot #jackpotPage .jp-page-jump {
    flex-wrap: wrap;
    justify-content: center !important;
  }

  body.on-jackpot #jackpotPage .jp-page-jump > label {
    flex: 1 0 100%;
    text-align: center;
  }
}

/* ---------- Coinflip details: participants, quantities, compact summary ---------- */
#viewer .viewer-card {
  width: min(940px, calc(100vw - 28px)) !important;
  max-width: 940px !important;
  max-height: min(900px, calc(100dvh - 24px)) !important;
  box-sizing: border-box !important;
  padding: 24px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border-radius: 8px !important;
}

#viewer .viewer-title-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 24px;
}

#viewer .viewer-title-row > h2 {
  min-width: 0;
  margin: 4px 0 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#viewer .viewer-round-meta {
  display: grid;
  grid-template-columns: repeat(3, auto);
  min-height: 48px;
  border: 1px solid #342d3e;
  border-radius: 5px;
  background: #111016;
}

#viewer .viewer-round-meta > span {
  display: grid;
  align-content: center;
  gap: 5px;
  min-width: 96px;
  padding: 8px 14px;
  border-right: 1px solid #342d3e;
}

#viewer .viewer-round-meta > span:last-child {
  border-right: 0;
}

#viewer .viewer-round-meta small,
#viewer .viewer-section-label {
  color: #8e849c;
  font: 800 8px/1 DM Mono, monospace !important;
  letter-spacing: .12em;
}

#viewer .viewer-round-meta b {
  display: inline-flex !important;
  grid-column: auto !important;
  grid-row: auto !important;
  align-items: center !important;
  gap: 5px !important;
  color: #ece7f3 !important;
  font: 800 12px/1 Manrope, sans-serif !important;
  letter-spacing: 0 !important;
}

#viewer .viewer-round-meta .g-coin {
  width: 16px;
  height: 16px;
  vertical-align: 0;
}

#viewer .viewer-section-label {
  margin-top: 18px;
}

#viewer .replay-players {
  grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1fr) !important;
  gap: 10px !important;
  margin: 8px 0 12px !important;
}

#viewer .replay-players > strong {
  min-width: 42px !important;
}

#viewer .replay-player {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  gap: 10px 14px !important;
  min-height: 112px !important;
  box-sizing: border-box !important;
  padding: 12px 14px !important;
}

#viewer .replay-profile-hit {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 11px !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  text-align: left !important;
  cursor: pointer !important;
}

#viewer .replay-profile-hit:disabled {
  cursor: default !important;
}

#viewer .replay-profile-hit > img {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 52px !important;
  height: 52px !important;
  box-sizing: border-box !important;
  padding: 3px !important;
  border: 1px solid #514061 !important;
  border-radius: 50% !important;
  background: #211a2a !important;
  object-fit: cover !important;
}

#viewer .replay-profile-hit:hover > img,
#viewer .replay-profile-hit:focus-visible > img {
  border-color: #9e65e8 !important;
  box-shadow: 0 0 12px rgba(158, 101, 232, .22) !important;
}

#viewer .replay-identity {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
}

#viewer .replay-identity b {
  display: flex !important;
  grid-column: auto !important;
  grid-row: auto !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  color: #f4f0f8 !important;
  font: 800 16px/1 Manrope, sans-serif !important;
  letter-spacing: -.01em !important;
}

#viewer .replay-identity small {
  display: block !important;
  grid-column: auto !important;
  grid-row: auto !important;
  justify-self: start !important;
  color: #8e849d !important;
  font: 700 8px/1 DM Mono, monospace !important;
  letter-spacing: .08em !important;
}

#viewer .replay-identity .replay-rank {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
}

#viewer .replay-pick {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: grid !important;
  place-items: center !important;
  align-self: center !important;
  justify-self: end !important;
  width: 38px !important;
  height: 38px !important;
}

#viewer .replay-pick img {
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 7px rgba(141, 97, 238, .22)) !important;
}

#viewer .replay-entry,
#viewer .replay-odds {
  display: grid !important;
  gap: 5px !important;
  padding-top: 9px !important;
  border-top: 1px solid #312a39 !important;
}

#viewer .replay-entry {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

#viewer .replay-odds {
  grid-column: 2 !important;
  grid-row: 2 !important;
  min-width: 64px !important;
  text-align: right !important;
}

#viewer .replay-entry small,
#viewer .replay-odds small {
  display: block !important;
  grid-column: auto !important;
  grid-row: auto !important;
  justify-self: auto !important;
  color: #81788d !important;
  font: 800 8px/1 DM Mono, monospace !important;
  letter-spacing: .1em !important;
}

#viewer .replay-entry b,
#viewer .replay-odds b {
  display: inline-flex !important;
  grid-column: auto !important;
  grid-row: auto !important;
  align-items: center !important;
  gap: 5px !important;
  color: #cf9fff !important;
  font: 800 16px/1 Manrope, sans-serif !important;
}

#viewer .replay-odds b {
  justify-content: flex-end !important;
}

#viewer .replay-entry .g-coin {
  width: 17px;
  height: 17px;
  vertical-align: 0;
}

#viewer .replay-player.waiting .replay-profile-hit {
  opacity: .66;
}

#viewer .flip-stage.is-countdown,
#viewer .flip-stage.is-spinning,
#viewer .flip-stage.is-result {
  min-height: 190px !important;
}

#viewer .flip-stage.is-spinning .flip-coin,
#viewer .flip-stage.is-result .flip-coin {
  width: 108px !important;
  height: 108px !important;
  margin: -54px 0 0 -54px !important;
}

#viewer .flip-stage.is-spinning #flipStatus {
  top: calc(50% + 70px) !important;
}

#viewer .flip-stage.is-result #flipCount {
  top: calc(50% + 62px) !important;
  font-size: 26px !important;
}

#viewer .stake-item {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  width: 48px !important;
  height: 48px !important;
}

#viewer .stake-item > img {
  width: 43px !important;
  height: 43px !important;
}

#viewer .stake-qty {
  position: absolute !important;
  top: -2px !important;
  right: -2px !important;
  display: grid !important;
  place-items: center !important;
  min-width: 19px !important;
  height: 17px !important;
  padding: 0 4px !important;
  border: 1px solid #8162a6 !important;
  border-radius: 999px !important;
  background: #2c213b !important;
  color: #e6d4ff !important;
  font: 800 8px/1 DM Mono, monospace !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .35) !important;
}

#viewer .viewer-fair {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 14px;
  margin-top: 12px;
}

#viewer .viewer-fair > div:first-child {
  display: grid;
  gap: 6px;
  min-width: 0;
}

#viewer .viewer-fair > div:first-child > small {
  color: #83798f;
  font: 800 8px/1 DM Mono, monospace;
  letter-spacing: .11em;
}

#viewer #fairnessIdCopy {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  width: fit-content;
  max-width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: #aaa1b5;
  cursor: pointer;
}

#viewer #fairnessIdCopy span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font: 700 10px/1 DM Mono, monospace;
}

#viewer #fairnessIdCopy svg {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
}

#viewer .viewer-fair .modal-actions {
  display: flex !important;
  gap: 8px !important;
  margin: 0 !important;
}

#viewer .viewer-fair .modal-actions button {
  flex: none !important;
  min-width: 150px !important;
}

#viewer #fairnessButton {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

#viewer #fairnessButton > svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (max-width: 760px) {
  #viewer .viewer-title-row {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  #viewer .viewer-round-meta {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #viewer .viewer-round-meta > span {
    min-width: 0;
    padding: 8px 9px;
  }

  #viewer .replay-players {
    grid-template-columns: 1fr !important;
  }

  #viewer .replay-players > strong {
    min-width: 0 !important;
    height: 20px;
  }

  #viewer .viewer-fair {
    grid-template-columns: 1fr;
  }

  #viewer .viewer-fair .modal-actions button {
    flex: 1 !important;
    min-width: 0 !important;
  }
}

/* ---------- One shared, honest Provably Fair checker ---------- */
#provablyFair .pf-form button {
  min-width: 128px;
}

#provablyFair .pf-kv {
  display: grid !important;
  grid-template-columns: 142px minmax(0, 1fr) 26px !important;
  align-items: center !important;
  gap: 10px !important;
}

#provablyFair .pf-kv > b {
  min-width: 0 !important;
}

#provablyFair .pf-kv .pf-kv-value {
  max-width: none !important;
  min-width: 0 !important;
  text-align: left !important;
}

#provablyFair .pf-copy {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 4px;
  background: rgba(255, 255, 255, .035);
  color: #a99fc0;
  cursor: pointer;
}

#provablyFair .pf-copy:hover {
  border-color: rgba(172, 112, 255, .42);
  color: #d2b4ff;
}

#provablyFair .pf-copy svg {
  width: 14px;
  height: 14px;
}

#provablyFair .pf-seed > span {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 26px;
  align-items: start;
  gap: 9px;
}

#provablyFair .pf-seedbox > h3 {
  margin: 0;
  color: #f4eff9;
  font: 800 11px/1 Manrope, sans-serif;
  letter-spacing: .08em;
}

#provablyFair .pf-result.error {
  border-color: rgba(235, 99, 114, .28);
  background: rgba(235, 99, 114, .07);
}

#provablyFair .pf-result.error .pf-verdict {
  color: #f0a2aa;
}

#provablyFair .pf-error-copy,
#provablyFair .pf-result-note {
  margin: 10px 0 0;
  color: #a9a0b5;
  font-size: 10.5px;
  line-height: 1.45;
}

#provablyFair .pf-result-note {
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, .08);
}

#provablyFair .pf-out.jackpot {
  color: #c99dff;
  font-family: Manrope, sans-serif !important;
  font-weight: 800;
}

@media (max-width: 620px) {
  #provablyFair .pf-kv {
    grid-template-columns: minmax(0, 1fr) 26px !important;
  }

  #provablyFair .pf-kv > b {
    grid-column: 1 / -1;
  }
}

/* ---------- v14: visible reel, real Jackpot scrolling, compact sections ---------- */
@media (min-width: 851px) {
  body.on-jackpot .workspace {
    height: calc(100dvh - 72px) !important;
    min-height: 0 !important;
    grid-template-rows: 66px minmax(0, 1fr) !important;
    overflow: hidden !important;
  }

  body.on-jackpot .workspace > .columns {
    height: auto !important;
    min-height: 0 !important;
    align-self: stretch !important;
    overflow: hidden !important;
  }

  body.on-jackpot .columns > #jackpotPage {
    align-self: stretch !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
    touch-action: pan-y;
  }

  body.on-jackpot #jackpotPage > .jp-hero,
  body.on-jackpot #jackpotPage > .jp-roller,
  body.on-jackpot #jackpotPage > .jp-participants,
  body.on-jackpot #jackpotPage > .jp-recent {
    flex: 0 0 auto !important;
  }
}

body.on-jackpot #jackpotPage > .jp-roller {
  flex: 0 0 126px !important;
  width: 100% !important;
  height: 126px !important;
  min-height: 126px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border-color: #332d40 !important;
  background:
    linear-gradient(90deg, rgba(9, 8, 13, .96), transparent 10%, transparent 90%, rgba(9, 8, 13, .96)),
    linear-gradient(180deg, #111018, #0d0c12) !important;
}

body.on-jackpot #jackpotPage .jp-participants {
  gap: 12px !important;
}

body.on-jackpot #jackpotPage .jp-participants-head {
  display: grid !important;
  grid-template-columns: minmax(90px, 1fr) minmax(150px, auto) minmax(90px, 1fr) !important;
  place-items: center !important;
  min-height: 56px !important;
  box-sizing: border-box !important;
  gap: 20px !important;
  padding: 8px 18px !important;
  border: 1px solid #302b38 !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(143, 83, 221, .1), transparent 42%),
    linear-gradient(180deg, #16141c, #111016) !important;
  color: #f3eff8 !important;
  text-align: center !important;
}

body.on-jackpot #jackpotPage .jp-participant-title {
  display: grid !important;
  place-items: center !important;
  gap: 5px !important;
  margin: 0 !important;
}

body.on-jackpot #jackpotPage .jp-participant-title > small {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  color: #92879f !important;
  font: 800 8px/1 DM Mono, monospace !important;
  letter-spacing: .16em !important;
}

body.on-jackpot #jackpotPage .jp-participant-title > small i {
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: #52d89d !important;
  box-shadow: 0 0 8px rgba(82, 216, 157, .7) !important;
}

body.on-jackpot #jackpotPage .jp-participant-title > b {
  color: #f5f1f8 !important;
  font: 800 14px/1 Manrope, sans-serif !important;
  letter-spacing: .015em !important;
}

body.on-jackpot #jackpotPage .jp-participant-stat {
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  min-width: 74px !important;
  gap: 4px !important;
  color: #8f879b !important;
  font: 800 8px/1 DM Mono, monospace !important;
  letter-spacing: .13em !important;
}

body.on-jackpot #jackpotPage .jp-participant-stat:first-child {
  justify-self: end !important;
}

body.on-jackpot #jackpotPage .jp-participant-stat:last-child {
  justify-self: start !important;
}

body.on-jackpot #jackpotPage .jp-participant-stat > strong {
  color: #c99cff !important;
  font: 800 19px/1 Manrope, sans-serif !important;
  letter-spacing: -.02em !important;
}

body.on-jackpot #jackpotPage .jp-participant-stat > small {
  color: #8f879b !important;
  font: 800 8px/1 DM Mono, monospace !important;
  letter-spacing: .13em !important;
}

body.on-jackpot #jackpotPage .jp-recent {
  display: block !important;
  overflow: hidden !important;
  border: 1px solid #302b38 !important;
  border-radius: 8px !important;
  background: #111016 !important;
}

body.on-jackpot #jackpotPage .jp-recent-head {
  appearance: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 64px !important;
  box-sizing: border-box !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 11px 16px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 8% 0, rgba(146, 84, 229, .11), transparent 28%),
    linear-gradient(180deg, #17151d, #121117) !important;
  color: #f4eff9 !important;
  cursor: pointer !important;
  text-align: left !important;
}

body.on-jackpot #jackpotPage .jp-recent-head:hover {
  background:
    radial-gradient(circle at 8% 0, rgba(159, 95, 240, .15), transparent 31%),
    linear-gradient(180deg, #1a1721, #131118) !important;
}

body.on-jackpot #jackpotPage .jp-recent-head:focus-visible {
  outline: 2px solid #a979f1 !important;
  outline-offset: -3px !important;
}

body.on-jackpot #jackpotPage .jp-recent-title {
  display: grid !important;
  grid-template-columns: 4px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  min-width: 0 !important;
  min-height: 0 !important;
  gap: 5px 11px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.on-jackpot #jackpotPage .jp-recent-title > i {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  width: 3px !important;
  height: 28px !important;
  border-radius: 4px !important;
  background: #a96cf7 !important;
  box-shadow: 0 0 12px rgba(169, 108, 247, .32) !important;
}

body.on-jackpot #jackpotPage .jp-recent-title > b {
  grid-column: 2 !important;
  color: #f5f1f8 !important;
  font: 800 13px/1.1 Manrope, sans-serif !important;
  letter-spacing: .025em !important;
}

body.on-jackpot #jackpotPage .jp-recent-title > small {
  grid-column: 2 !important;
  display: block !important;
  color: #8e8698 !important;
  font: 600 9px/1.1 Manrope, sans-serif !important;
  letter-spacing: .01em !important;
}

body.on-jackpot #jackpotPage .jp-recent-toggle {
  display: grid !important;
  grid-template-columns: auto 20px !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  justify-items: end !important;
  min-height: 0 !important;
  gap: 4px 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.on-jackpot #jackpotPage .jp-recent-toggle > b {
  grid-column: 1 !important;
  color: #cfa7ff !important;
  font: 800 10px/1 DM Mono, monospace !important;
  letter-spacing: .1em !important;
}

body.on-jackpot #jackpotPage .jp-recent-toggle > small {
  grid-column: 1 !important;
  display: block !important;
  color: #898092 !important;
  font: 700 8px/1 DM Mono, monospace !important;
  letter-spacing: .1em !important;
}

body.on-jackpot #jackpotPage .jp-recent-toggle > svg {
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
  display: block !important;
  width: 17px !important;
  height: 17px !important;
  color: #aaa0b5 !important;
  transition: transform .18s ease, color .18s ease !important;
}

body.on-jackpot #jackpotPage .jp-recent-head[aria-expanded="true"] .jp-recent-toggle > svg {
  color: #d1afff !important;
  transform: rotate(180deg) !important;
}

body.on-jackpot #jackpotPage .jp-recent-body {
  display: block !important;
  border-top: 1px solid #302b38 !important;
}

body.on-jackpot #jackpotPage .jp-recent-body[hidden] {
  display: none !important;
}

@container jackpot-shell (max-width: 720px) {
  body.on-jackpot #jackpotPage .jp-participants-head {
    grid-template-columns: 1fr auto 1fr !important;
    gap: 9px !important;
    padding: 8px 10px !important;
  }

  body.on-jackpot #jackpotPage .jp-participant-stat {
    min-width: 52px !important;
  }

  body.on-jackpot #jackpotPage .jp-participant-stat > strong {
    font-size: 16px !important;
  }

  body.on-jackpot #jackpotPage .jp-recent-title > small,
  body.on-jackpot #jackpotPage .jp-recent-toggle > small {
    display: none !important;
  }
}

@media (max-width: 520px) {
  body.on-jackpot #jackpotPage .jp-participant-title > small {
    display: none !important;
  }

  body.on-jackpot #jackpotPage .jp-participants-head {
    min-height: 50px !important;
  }

  body.on-jackpot #jackpotPage .jp-recent-head {
    min-height: 56px !important;
    padding: 9px 12px !important;
  }
}

/* ---------- v15: darker profile with flat career/performance data ---------- */
#profile .profile-card {
  width: min(620px, calc(100vw - 28px)) !important;
  max-width: 620px !important;
  max-height: min(680px, calc(100dvh - 28px)) !important;
  padding: 22px !important;
  overflow-y: auto !important;
  border: 1px solid #2d2932 !important;
  border-top-color: #5b426f !important;
  border-radius: 7px !important;
  background: #111016 !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .58) !important;
}

#profile .profile-card > p {
  margin: 0 0 14px !important;
  color: #95879f !important;
  font: 800 9px/1 DM Mono, monospace !important;
  letter-spacing: .15em !important;
}

#profile .profile-hero {
  grid-template-columns: 88px minmax(0, 1fr) auto !important;
  min-height: 88px !important;
  gap: 16px !important;
}

#profile .profile-avatar {
  width: 84px !important;
  height: 84px !important;
  border-color: #493a56 !important;
  background: #17141d !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .38) !important;
}

#profile .profile-name-line {
  min-height: 30px !important;
  gap: 8px !important;
}

#profile .profile-card .profile-name-line h2 {
  font-family: Manrope, "Segoe UI", sans-serif !important;
  font-size: 25px !important;
}

#profile .profile-card #profileRank {
  width: 25px !important;
  height: 25px !important;
  flex: 0 0 25px !important;
  filter: drop-shadow(0 0 4px rgba(145, 92, 199, .28)) !important;
}

#profile .profile-level-line {
  flex-wrap: wrap !important;
  gap: 7px 10px !important;
  margin-top: 6px !important;
}

#profile .profile-rank-name {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 13px !important;
  padding: 0 0 0 10px !important;
  border: 0 !important;
  border-left: 1px solid #37313d !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #b4a5c1 !important;
  font: 800 8px/1 DM Mono, monospace !important;
  letter-spacing: .08em !important;
}

#profile .profile-rank-name[hidden] {
  display: none !important;
}

#profile .profile-online {
  padding: 3px 7px !important;
  background: #13231d !important;
  color: #88d7ae !important;
}

#profile .profile-verified {
  color: #6fba96;
  font: 800 8px/1 DM Mono, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#profile .profile-xp {
  margin-top: -4px !important;
}

#profile .profile-xp-track i {
  background: #8052a8 !important;
  box-shadow: none !important;
}

#profile .profile-card #tipPlayer {
  width: 92px !important;
  min-height: 35px !important;
  border-color: #5e466f !important;
  background: #18131e !important;
  color: #d5cadc !important;
  box-shadow: none !important;
}

#profile .profile-card #tipPlayer:hover {
  border-color: #85649b !important;
  background: #1d1724 !important;
  box-shadow: none !important;
}

#profile .profile-career-strip {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  margin-top: 18px;
  border-top: 1px solid #29262f;
  border-bottom: 1px solid #29262f;
}

#profile .profile-career-strip > div {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 13px 16px 13px 0;
}

#profile .profile-career-strip > div + div {
  padding-left: 22px;
  border-left: 1px solid #29262f;
}

#profile .profile-career-strip small,
#profile .profile-performance small {
  color: #807887;
  font: 800 8px/1 DM Mono, monospace;
  letter-spacing: .11em;
}

#profile .profile-career-strip b,
#profile .profile-performance b {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  gap: 6px;
  color: #f0ecf3;
  font: 800 18px/1 Manrope, sans-serif;
  white-space: nowrap;
}

#profile .profile-career-strip > div:first-child b {
  font-size: 21px;
}

#profile .profile-performance {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid #29262f;
}

#profile .profile-performance > div {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 15px 13px;
  border-right: 1px solid #29262f;
}

#profile .profile-performance > div:first-child {
  padding-left: 0;
}

#profile .profile-performance > div:last-child {
  padding-right: 0;
  border-right: 0;
}

#profile .profile-career-strip .g-coin,
#profile .profile-performance .g-coin {
  width: 18px;
  height: 18px;
}

@media (max-width: 620px) {
  #profile .profile-card {
    padding: 18px !important;
  }

  #profile .profile-hero {
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  #profile .profile-avatar {
    width: 70px !important;
    height: 70px !important;
  }

  #profile .profile-card #tipPlayer {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin-top: 4px !important;
  }

  #profile .profile-career-strip {
    grid-template-columns: 1fr;
  }

  #profile .profile-career-strip > div + div {
    padding-left: 0;
    border-top: 1px solid #29262f;
    border-left: 0;
  }

  #profile .profile-performance {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #profile .profile-performance > div:nth-child(2) {
    border-right: 0;
  }

  #profile .profile-performance > div:nth-child(-n + 2) {
    border-bottom: 1px solid #29262f;
  }

  #profile .profile-performance > div:nth-child(3) {
    padding-left: 0;
  }

  #profile .profile-verified {
    display: none;
  }
}

/* ---------- v15: calmer, better-separated Jackpot round detail ---------- */
body.on-jackpot #jpDetailModal .jpd-card {
  width: min(1120px, calc(100vw - 36px)) !important;
  padding: 20px !important;
  border-color: #2d2a32 !important;
  background: #101015 !important;
}

body.on-jackpot #jpDetailModal .jpd-body {
  grid-template-columns: minmax(260px, .56fr) minmax(0, 1.44fr) !important;
  column-gap: 28px !important;
}

body.on-jackpot #jpDetailModal .jpd-hero {
  min-height: 78px !important;
  padding: 10px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid #2b2831 !important;
  border-left: 2px solid #684b7b !important;
  border-radius: 4px !important;
  background: #121117 !important;
}

body.on-jackpot #jpDetailModal .jpd-winner {
  grid-template-columns: 50px minmax(0, 1fr) !important;
  gap: 12px !important;
}

body.on-jackpot #jpDetailModal .jpd-av {
  width: 50px !important;
  height: 50px !important;
  border-color: #4d3c58 !important;
}

body.on-jackpot #jpDetailModal .jpd-name-row {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 8px;
}

body.on-jackpot #jpDetailModal .jpd-name-row h2 {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #f1edf4 !important;
  font: 800 21px/1 Manrope, sans-serif !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.on-jackpot #jpDetailModal .jpd-winner-rank {
  display: block;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  object-fit: contain;
  filter: drop-shadow(0 0 5px rgba(145, 88, 196, .28));
}

body.on-jackpot #jpDetailModal .jpd-hpot {
  min-width: 150px !important;
}

body.on-jackpot #jpDetailModal .jpd-hpot b {
  color: #f1edf4 !important;
  font-size: 25px !important;
}

body.on-jackpot #jpDetailModal .jpd-sec-h {
  min-height: 24px;
  color: #8d8595;
  font: 800 9px/1 DM Mono, monospace;
  letter-spacing: .1em;
}

body.on-jackpot #jpDetailModal .jpd-sec-h > b {
  color: inherit;
  font: inherit;
}

body.on-jackpot #jpDetailModal .jpd-items-played {
  padding-right: 20px;
  border-right: 1px solid #29262e;
}

body.on-jackpot #jpDetailModal .jpd-players-head {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
}

body.on-jackpot #jpDetailModal .jpd-players-head > b {
  grid-column: 2;
  justify-self: center;
  color: #aaa2b2;
}

body.on-jackpot #jpDetailModal .jpd-players-head > span {
  grid-column: 3;
  justify-self: end;
}

body.on-jackpot #jpDetailModal .jpd-item-list {
  min-height: 150px !important;
  border-color: #2c2931 !important;
  background: #131218 !important;
}

body.on-jackpot #jpDetailModal .jpd-player-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-content: flex-start !important;
  gap: 8px !important;
}

body.on-jackpot #jpDetailModal .jpd-player {
  flex: 0 1 calc(33.333% - 6px) !important;
  width: calc(33.333% - 6px) !important;
  max-width: calc(33.333% - 6px) !important;
  border-color: #2e2b34 !important;
  background: #141319 !important;
}

body.on-jackpot #jpDetailModal .jpd-player.is-you {
  border-color: #4e3e59 !important;
  box-shadow: inset 2px 0 #705188 !important;
}

body.on-jackpot #jpDetailModal .jpd-player-id b > .jpd-you-badge {
  font-size: 6px;
}

@media (max-width: 900px) {
  body.on-jackpot #jpDetailModal .jpd-body {
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
  }

  body.on-jackpot #jpDetailModal .jpd-items-played {
    padding-right: 0;
    border-right: 0;
  }
}

@media (max-width: 760px) {
  body.on-jackpot #jpDetailModal .jpd-player {
    flex-basis: calc(50% - 4px) !important;
    width: calc(50% - 4px) !important;
    max-width: calc(50% - 4px) !important;
  }
}

@media (max-width: 520px) {
  body.on-jackpot #jpDetailModal .jpd-player {
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* ---------- v15: compact, dark shared Provably Fair checker ---------- */
#provablyFair .pf-card {
  width: min(840px, calc(100vw - 32px)) !important;
  max-width: 840px !important;
  max-height: min(760px, calc(100dvh - 32px)) !important;
  padding: 20px 22px !important;
  border: 1px solid #302d37 !important;
  border-top-color: #5b456b !important;
  border-radius: 7px !important;
  background: #111116 !important;
  box-shadow: 0 26px 76px rgba(0, 0, 0, .62) !important;
}

#provablyFair .pf-hero > p:first-child {
  color: #8f779f !important;
  font: 800 9px/1 DM Mono, monospace !important;
  letter-spacing: .18em !important;
}

#provablyFair .pf-hero > h2 {
  margin: 5px 0 6px !important;
  color: #f4f1f6 !important;
  font: 800 22px/1.05 Manrope, sans-serif !important;
  letter-spacing: -.02em !important;
}

#provablyFair .pf-lead {
  max-width: 72ch !important;
  margin: 0 0 14px !important;
  color: #aaa3b2 !important;
  font: 600 11.5px/1.45 Manrope, sans-serif !important;
  letter-spacing: 0 !important;
}

#provablyFair .pf-grid {
  grid-template-columns: minmax(250px, .84fr) minmax(330px, 1.16fr) !important;
  gap: 14px !important;
}

#provablyFair .pf-how > h3,
#provablyFair .pf-box > h3,
#provablyFair .pf-seedbox > h3 {
  margin: 0 0 10px !important;
  color: #d9d4df !important;
  font: 800 10px/1 Manrope, sans-serif !important;
  letter-spacing: .075em !important;
}

#provablyFair .pf-steps {
  gap: 9px !important;
}

#provablyFair .pf-step {
  grid-template-columns: 28px minmax(0, 1fr) !important;
  gap: 8px !important;
}

#provablyFair .pf-step > span {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 28px !important;
  height: auto !important;
  min-height: 20px !important;
  padding-top: 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #806b91 !important;
  font: 800 9px/1 DM Mono, monospace !important;
  letter-spacing: .04em !important;
}

#provablyFair .pf-step b {
  margin-bottom: 2px !important;
  color: #e7e2eb !important;
  font: 800 12px/1.2 Manrope, sans-serif !important;
}

#provablyFair .pf-step p {
  color: #9f98a7 !important;
  font: 600 11px/1.38 Manrope, sans-serif !important;
  letter-spacing: 0 !important;
}

#provablyFair .pf-side {
  gap: 10px !important;
}

#provablyFair .pf-box {
  padding: 13px !important;
  border: 1px solid #302d37 !important;
  border-radius: 5px !important;
  background: #151419 !important;
}

#provablyFair .pf-box > p {
  margin: 0 0 10px !important;
  color: #9f98a7 !important;
  font: 600 11px/1.4 Manrope, sans-serif !important;
}

#provablyFair .pf-form input {
  min-height: 40px !important;
  padding: 10px 11px !important;
  border-color: #37333d !important;
  border-radius: 4px !important;
  background: #0e0d12 !important;
  color: #e7e2eb !important;
  font: 700 10.5px/1 DM Mono, monospace !important;
}

#provablyFair .pf-form input:focus {
  border-color: #74578a !important;
}

#provablyFair .pf-form button {
  min-width: 118px !important;
  min-height: 40px !important;
  padding: 0 14px !important;
  border-radius: 4px !important;
  background: #5d416f !important;
  color: #eee8f2 !important;
  font: 800 10px/1 Manrope, sans-serif !important;
}

#provablyFair .pf-form button:hover {
  background: #6b4b7f !important;
}

#provablyFair .pf-result {
  margin-top: 10px !important;
  padding: 11px !important;
  border-color: #2e5545 !important;
  border-radius: 4px !important;
  background: #121a17 !important;
}

#provablyFair .pf-verdict {
  margin-bottom: 8px !important;
  color: #77cda5 !important;
  font: 800 11px/1.3 Manrope, sans-serif !important;
}

#provablyFair .pf-kv {
  grid-template-columns: 118px minmax(0, 1fr) 26px !important;
  gap: 8px !important;
  padding: 7px 0 !important;
  border-color: #2a302d !important;
}

#provablyFair .pf-kv > b {
  color: #948c9d !important;
  font: 700 10px/1.2 Manrope, sans-serif !important;
}

#provablyFair .pf-kv .pf-kv-value {
  color: #ddd7e3 !important;
  font: 650 9.5px/1.3 DM Mono, monospace !important;
}

#provablyFair .pf-seedbox {
  gap: 8px !important;
}

#provablyFair .pf-seed small {
  margin-bottom: 4px !important;
  color: #847b8d !important;
  font: 800 8px/1 DM Mono, monospace !important;
  letter-spacing: .1em !important;
}

#provablyFair .pf-seed b {
  color: #cfc9d6 !important;
  font: 650 9.5px/1.35 DM Mono, monospace !important;
}

#provablyFair .pf-copy {
  border-color: #36313b !important;
  background: #19171d !important;
  color: #8f8797 !important;
}

#provablyFair .pf-copy:hover {
  border-color: #624d70 !important;
  color: #c4b6cc !important;
}

@media (max-width: 760px) {
  #provablyFair .pf-card {
    width: min(560px, calc(100vw - 20px)) !important;
    max-height: calc(100dvh - 20px) !important;
    padding: 18px !important;
  }

  #provablyFair .pf-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ---------- v16: transparent brand mark, optical row centering, livelier profile ---------- */
.top-brand img.brand-logo-new {
  width: 58px !important;
  height: 58px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 0 !important;
  background: transparent !important;
  mix-blend-mode: normal !important;
  filter: drop-shadow(0 0 11px rgba(159, 77, 255, .28)) !important;
}

@media (max-width: 900px) {
  .top-brand img.brand-logo-new {
    width: 42px !important;
    height: 42px !important;
  }
}

@media (min-width: 721px) {
  body.on-jackpot #jackpotPage .jp-rr-middle,
  body.on-jackpot #jackpotPage .jp-rr-summary {
    position: relative;
    top: 4px;
  }

  body.on-jackpot #jackpotPage .jp-rr-summary {
    align-self: center !important;
    min-height: 76px;
  }

  body.on-jackpot #jackpotPage .jp-rr-summary .jp-rr-pot,
  body.on-jackpot #jackpotPage .jp-rr-summary .jp-rr-pct {
    height: 76px;
    place-content: center !important;
  }
}

#profile .profile-rank-name,
#profile .profile-verified {
  display: none !important;
}

#profile .profile-card {
  border-color: #403549 !important;
  border-top: 2px solid #9f5ce1 !important;
  background:
    radial-gradient(circle at 18% -8%, rgba(160, 75, 231, .18), transparent 36%),
    radial-gradient(circle at 91% 115%, rgba(100, 55, 168, .1), transparent 40%),
    linear-gradient(145deg, #18131f 0%, #121016 58%, #0f0e13 100%) !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .035),
    0 26px 74px rgba(0, 0, 0, .62),
    0 0 30px rgba(113, 54, 166, .08) !important;
}

#profile .profile-card > p {
  color: #c28ee9 !important;
  text-shadow: 0 0 13px rgba(180, 92, 241, .25);
}

#profile .profile-avatar {
  border-color: #7b52a0 !important;
  background: #1a1422 !important;
  box-shadow:
    0 0 0 3px rgba(132, 73, 181, .08),
    0 11px 28px rgba(0, 0, 0, .45),
    0 0 24px rgba(151, 76, 218, .12) !important;
}

#profile .profile-card .profile-name-line h2 {
  color: #fffaff !important;
  text-shadow: 0 0 18px rgba(190, 112, 245, .11);
}

#profile .profile-card #profileRank {
  filter: drop-shadow(0 0 8px rgba(174, 94, 236, .42)) !important;
}

#profile .profile-level-line {
  color: #d5c8df !important;
}

#profile .profile-online {
  border: 1px solid rgba(84, 202, 145, .13) !important;
  background: #12271f !important;
  color: #8be0b5 !important;
  box-shadow: 0 0 12px rgba(75, 197, 137, .08);
}

#profile .profile-xp-track {
  background: #26202d !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .025) !important;
}

#profile .profile-xp-track i {
  background: linear-gradient(90deg, #8147bd, #bd6bf1) !important;
  box-shadow: 0 0 11px rgba(178, 91, 236, .25) !important;
}

#profile .profile-card #tipPlayer {
  border-color: #76518f !important;
  background: linear-gradient(135deg, #261731, #19121f) !important;
  color: #eee3f5 !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .03) !important;
}

#profile .profile-card #tipPlayer:hover {
  border-color: #a875c8 !important;
  background: linear-gradient(135deg, #321d40, #21152a) !important;
  box-shadow: 0 0 18px rgba(161, 83, 212, .16) !important;
}

#profile .profile-career-strip {
  border-color: #352d3c !important;
  background: linear-gradient(90deg, rgba(148, 76, 199, .07), transparent 68%);
}

#profile .profile-career-strip > div + div,
#profile .profile-performance > div {
  border-color: #352d3c !important;
}

#profile .profile-career-strip small,
#profile .profile-performance small {
  color: #9689a2 !important;
}

#profile .profile-career-strip > div:first-child b {
  color: #d5a7f7 !important;
  text-shadow: 0 0 14px rgba(181, 99, 232, .15);
}

#profile .profile-performance > div:first-child b {
  color: #89dbb5 !important;
  text-shadow: 0 0 12px rgba(85, 205, 148, .1);
}

#profile .profile-performance > div:nth-child(2) b {
  color: #e0c2f6 !important;
}

@media (max-width: 780px) {
  #profile .profile-card {
    transform: none !important;
  }
}

/* ---------- v17: denser fairness checker and energized round report ---------- */
#provablyFair .pf-card {
  width: min(1080px, calc(100vw - 28px)) !important;
  max-width: 1080px !important;
  max-height: min(680px, calc(100dvh - 24px)) !important;
  padding: 18px 20px !important;
  overflow-x: hidden !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(166, 91, 226, .52) transparent !important;
  scrollbar-gutter: auto !important;
}

#provablyFair .pf-card::-webkit-scrollbar {
  width: 4px !important;
}

#provablyFair .pf-card::-webkit-scrollbar-track {
  background: transparent !important;
}

#provablyFair .pf-card::-webkit-scrollbar-thumb {
  border: 0 !important;
  border-radius: 10px !important;
  background: rgba(166, 91, 226, .52) !important;
}

#provablyFair .pf-hero > p:first-child {
  color: #b97be8 !important;
}

#provablyFair .pf-hero > h2 {
  font-size: 24px !important;
}

#provablyFair .pf-lead {
  margin-bottom: 12px !important;
  font-size: 12px !important;
}

#provablyFair .pf-grid {
  grid-template-columns: minmax(340px, .86fr) minmax(480px, 1.14fr) !important;
  grid-template-areas:
    "how side"
    "commit side";
  gap: 14px 22px !important;
  align-items: start !important;
}

#provablyFair .pf-how {
  grid-area: how;
  min-width: 0;
}

#provablyFair .pf-side {
  grid-area: side;
  min-width: 0;
}

#provablyFair .pf-grid > .pf-seedbox {
  grid-area: commit;
  min-width: 0;
  margin: 0 !important;
}

#provablyFair .pf-step {
  grid-template-columns: 36px minmax(0, 1fr) !important;
  gap: 10px !important;
}

#provablyFair .pf-step > span {
  width: 36px !important;
  min-height: 22px !important;
  padding-top: 1px !important;
  color: #b379e6 !important;
  font: 800 11.5px/1 DM Mono, monospace !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: .025em !important;
  text-shadow: 0 0 10px rgba(169, 87, 224, .2);
}

#provablyFair .pf-step b {
  color: #f0ebf3 !important;
  font-size: 12.5px !important;
}

#provablyFair .pf-step p {
  color: #aaa1b0 !important;
  font-size: 11.5px !important;
  line-height: 1.42 !important;
}

#provablyFair .pf-box {
  padding: 14px !important;
  border-color: #3a3342 !important;
  background:
    linear-gradient(135deg, rgba(135, 69, 177, .045), transparent 42%),
    #151419 !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}

#provablyFair .pf-box > h3,
#provablyFair .pf-seedbox > h3 {
  color: #e4dce9 !important;
  font-size: 10.5px !important;
}

#provablyFair .pf-box > p {
  color: #aaa1b0 !important;
  font-size: 11.5px !important;
}

#provablyFair .pf-form input {
  font-size: 11.5px !important;
}

#provablyFair .pf-form button {
  min-width: 128px !important;
  font-size: 10.5px !important;
  background: #704b87 !important;
}

#provablyFair .pf-form button:hover {
  background: #80569a !important;
}

#provablyFair .pf-result {
  border-color: #32624e !important;
  background:
    radial-gradient(circle at 0 0, rgba(83, 205, 153, .07), transparent 34%),
    #111a16 !important;
}

#provablyFair .pf-verdict {
  font-size: 12px !important;
}

#provablyFair .pf-kv {
  grid-template-columns: 124px minmax(0, 1fr) 28px !important;
  min-height: 36px;
  padding: 8px 0 !important;
}

#provablyFair .pf-kv > b {
  font-size: 10.5px !important;
}

#provablyFair .pf-kv .pf-kv-value {
  font-size: 10.5px !important;
}

#provablyFair .pf-seed small {
  color: #a27db7 !important;
  font-size: 8.5px !important;
}

#provablyFair .pf-seed b {
  min-width: 0;
  color: #ddd4e2 !important;
  font-size: 10.5px !important;
  overflow-wrap: anywhere;
}

#provablyFair .pf-copy {
  flex: none;
}

body.on-jackpot #jpDetailModal .jpd-card {
  width: min(1200px, calc(100vw - 28px)) !important;
  max-height: min(850px, calc(100dvh - 24px)) !important;
  padding: 18px !important;
  border-color: #3a3142 !important;
  background:
    radial-gradient(circle at 74% 0, rgba(133, 64, 176, .07), transparent 34%),
    #100f14 !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(143, 85, 177, .48) transparent;
}

body.on-jackpot #jpDetailModal .jpd-card::-webkit-scrollbar {
  width: 5px;
}

body.on-jackpot #jpDetailModal .jpd-card::-webkit-scrollbar-track {
  background: transparent;
}

body.on-jackpot #jpDetailModal .jpd-card::-webkit-scrollbar-thumb {
  border: 0;
  border-radius: 10px;
  background: rgba(143, 85, 177, .48);
}

body.on-jackpot #jpDetailModal .jpd-card > p {
  margin-bottom: 11px;
  color: #b87be5;
}

body.on-jackpot #jpDetailModal .jpd-body {
  gap: 10px 24px !important;
}

body.on-jackpot #jpDetailModal .jpd-hero {
  position: relative;
  grid-template-columns: minmax(0, 1fr) minmax(210px, 250px) !important;
  min-height: 86px !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid #3a3142 !important;
  border-left: 3px solid #985bc9 !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 88% 0, rgba(171, 82, 220, .15), transparent 36%),
    linear-gradient(105deg, #18141d, #111016 68%, #17121c) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .035);
}

body.on-jackpot #jpDetailModal .jpd-winner {
  align-self: stretch;
  padding: 13px 18px !important;
  border-radius: 7px;
  transition: background .16s ease;
}

body.on-jackpot #jpDetailModal .jpd-winner:hover {
  background: rgba(150, 82, 193, .055);
}

body.on-jackpot #jpDetailModal .jpd-av {
  width: 54px !important;
  height: 54px !important;
  border-color: #7a4f94 !important;
  box-shadow: 0 0 18px rgba(157, 79, 204, .1);
}

body.on-jackpot #jpDetailModal .jpd-hid > small {
  margin-bottom: 5px;
  color: #c18ce8 !important;
  font: 800 9px/1 DM Mono, monospace !important;
  letter-spacing: .14em !important;
}

body.on-jackpot #jpDetailModal .jpd-crown {
  color: #ca8cff;
  background: #23172d;
  border-color: #151119;
  box-shadow: 0 0 14px rgba(166, 84, 220, .2);
}

body.on-jackpot #jpDetailModal .jpd-crown svg {
  fill: currentColor !important;
}

body.on-jackpot #jpDetailModal .jpd-hpot {
  align-self: stretch;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0 !important;
  padding: 12px 22px;
  border-left: 1px solid #392f41;
  background: linear-gradient(90deg, rgba(126, 66, 166, .025), rgba(147, 75, 190, .09));
  text-align: center;
}

body.on-jackpot #jpDetailModal .jpd-hpot small {
  margin-bottom: 7px;
  color: #aa96b5;
  font: 800 9px/1 DM Mono, monospace;
  letter-spacing: .13em;
}

body.on-jackpot #jpDetailModal .jpd-hpot b {
  color: #f3edf7 !important;
  font: 800 30px/1 Manrope, sans-serif !important;
  letter-spacing: -.035em;
}

body.on-jackpot #jpDetailModal .jpd-hpot .g-coin {
  width: 23px !important;
  height: 23px !important;
}

body.on-jackpot #jpDetailModal .jpd-players-head > b {
  color: #baa7c7 !important;
}

body.on-jackpot #jpDetailModal .jpd-player-grid {
  gap: 10px !important;
}

body.on-jackpot #jpDetailModal .jpd-player {
  flex: 1 1 calc(33.333% - 7px) !important;
  width: auto !important;
  max-width: none !important;
  min-width: 210px;
  min-height: 84px !important;
  grid-template-columns: 46px minmax(0, 1fr) auto !important;
  gap: 5px 11px !important;
  padding: 11px 13px !important;
  border-color: #3a3242 !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 0 50%, rgba(156, 81, 203, .075), transparent 34%),
    #15141a !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

body.on-jackpot #jpDetailModal .jpd-player:hover {
  border-color: #76528a !important;
  background:
    radial-gradient(circle at 0 50%, rgba(170, 91, 218, .13), transparent 38%),
    #19161e !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .04), 0 8px 22px rgba(0, 0, 0, .24);
  transform: translateY(-1px);
}

body.on-jackpot #jpDetailModal .jpd-player.win {
  border-color: #674678 !important;
  background:
    linear-gradient(110deg, rgba(161, 79, 211, .12), transparent 48%),
    #17141b !important;
  box-shadow: inset 3px 0 #955bc2, inset 0 1px rgba(255, 255, 255, .035);
}

body.on-jackpot #jpDetailModal .jpd-player.is-you {
  background:
    linear-gradient(110deg, rgba(128, 79, 160, .11), transparent 48%),
    #16141b !important;
}

body.on-jackpot #jpDetailModal .jpd-player-av {
  width: 46px !important;
  height: 46px !important;
  border-color: #76528d !important;
  box-shadow: 0 0 14px rgba(141, 77, 180, .1);
}

body.on-jackpot #jpDetailModal .jpd-player-id b {
  gap: 6px !important;
  color: #f6f1f8 !important;
  font: 800 14px/1.1 Manrope, sans-serif !important;
}

body.on-jackpot #jpDetailModal .jpd-player-id .jpd-player-rank {
  width: 18px !important;
  height: 18px !important;
}

body.on-jackpot #jpDetailModal .jpd-player-entry {
  display: flex !important;
  align-items: center;
  gap: 5px !important;
  margin-top: 6px !important;
  color: #d8cedd !important;
  font: 700 11px/1 Manrope, sans-serif !important;
}

body.on-jackpot #jpDetailModal .jpd-player-entry > span {
  color: #a98db8;
  font: 800 8px/1 DM Mono, monospace;
  letter-spacing: .08em;
}

body.on-jackpot #jpDetailModal .jpd-player-entry .g-coin {
  width: 15px !important;
  height: 15px !important;
}

body.on-jackpot #jpDetailModal .jpd-player-entry strong {
  color: #e4d8e9;
  font: 800 13px/1 Manrope, sans-serif;
}

body.on-jackpot #jpDetailModal .jpd-player-items img {
  width: 38px !important;
  height: 32px !important;
}

body.on-jackpot #jpDetailModal .jpd-player-chance {
  align-self: stretch;
  align-content: center;
  min-width: 78px;
  padding-left: 12px;
  border-left: 1px solid rgba(164, 105, 193, .17);
}

body.on-jackpot #jpDetailModal .jpd-player-chance small {
  color: #ad9bb8 !important;
  font: 800 9px/1 DM Mono, monospace !important;
  letter-spacing: .075em;
}

body.on-jackpot #jpDetailModal .jpd-player-chance b {
  color: #ead9f5 !important;
  font: 800 20px/1 Manrope, sans-serif !important;
  letter-spacing: -.025em;
  text-shadow: none !important;
}

@media (max-width: 900px) {
  #provablyFair .pf-card {
    width: calc(100vw - 20px) !important;
    max-height: calc(100dvh - 20px) !important;
    padding: 17px !important;
  }

  #provablyFair .pf-grid {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "how"
      "side"
      "commit";
  }
}

@media (max-width: 760px) {
  body.on-jackpot #jpDetailModal .jpd-player {
    flex: 1 1 calc(50% - 5px) !important;
    width: calc(50% - 5px) !important;
    max-width: calc(50% - 5px) !important;
    min-width: 180px;
  }
}

@media (max-width: 650px) {
  body.on-jackpot #jpDetailModal .jpd-hero {
    grid-template-columns: 1fr !important;
  }

  body.on-jackpot #jpDetailModal .jpd-hpot {
    align-items: flex-start;
    padding: 13px 16px;
    border-top: 1px solid #392f41;
    border-left: 0;
    text-align: left;
  }
}

@media (max-width: 520px) {
  #provablyFair .pf-card {
    padding: 14px !important;
  }

  #provablyFair .pf-step {
    grid-template-columns: 32px minmax(0, 1fr) !important;
  }

  #provablyFair .pf-step > span {
    width: 32px !important;
    font-size: 10.5px !important;
  }

  #provablyFair .pf-kv {
    grid-template-columns: 96px minmax(0, 1fr) 28px !important;
  }

  body.on-jackpot #jpDetailModal .jpd-player {
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
  }
}

/* ---------- v18: unified profile metrics and expandable round items ---------- */
#profile .profile-career-strip > div:first-child b,
#profile .profile-performance > div:first-child b,
#profile .profile-performance > div:nth-child(2) b,
#profile #profileStreak,
#profile #profileUpset {
  color: #f5f0f7 !important;
  text-shadow: none !important;
}

#profile .profile-career-strip > div:first-child b {
  gap: 8px !important;
}

#profile .profile-career-strip > div:first-child .g-coin {
  width: 24px !important;
  height: 24px !important;
  filter: drop-shadow(0 0 8px rgba(165, 91, 222, .24));
}

#profile #profileStreak,
#profile #profileUpset {
  display: flex;
  align-items: baseline;
  gap: 6px !important;
  font-family: "Space Grotesk", Manrope, sans-serif !important;
}

#profile .profile-metric-number {
  color: #f5f0f7;
  font: 700 19px/1 "Space Grotesk", Manrope, sans-serif;
  letter-spacing: -.035em;
}

#profile .profile-metric-unit {
  color: #a99eae;
  font: 800 8px/1 "DM Mono", monospace;
  font-style: normal;
  letter-spacing: .08em;
  transform: translateY(-1px);
}

body.on-jackpot #jackpotPage .jp-rr-crown {
  right: -4px !important;
  bottom: -4px !important;
  width: 28px !important;
  height: 28px !important;
  color: #f5cc66;
  background: linear-gradient(145deg, #2a2033, #17131d) !important;
  border: 2px solid #111016 !important;
  box-shadow: 0 0 0 1px rgba(174, 105, 221, .22), 0 5px 13px rgba(0, 0, 0, .42), 0 0 12px rgba(181, 103, 227, .16);
  pointer-events: none;
}

body.on-jackpot #jackpotPage .jp-rr-crown svg {
  width: 16px !important;
  height: 16px !important;
  fill: #f5cc66 !important;
  filter: drop-shadow(0 1px 3px rgba(242, 195, 82, .25));
}

body.on-jackpot #jackpotPage .jp-rr-middle .jp-rr-items {
  align-items: flex-start;
  gap: 8px !important;
  overflow: visible;
}

body.on-jackpot #jackpotPage .jp-rr-items .jp-rr-item,
body.on-jackpot #jackpotPage .jp-rr-items .jp-rr-item:first-child {
  display: grid !important;
  grid-template-rows: 50px auto;
  align-items: start;
  justify-items: center;
  width: 50px !important;
  height: auto !important;
  gap: 4px;
  margin: 0;
}

body.on-jackpot #jackpotPage .jp-rr-items .jp-rr-item img {
  display: block;
  width: 50px !important;
  height: 50px !important;
  object-fit: contain;
}

body.on-jackpot #jackpotPage .jp-rr-item::after {
  display: none !important;
}

body.on-jackpot #jackpotPage .jp-rr-item figcaption,
body.on-jackpot #jackpotPage .jp-rr-expanded-item figcaption {
  display: block;
  overflow: hidden;
  width: 100%;
  color: #a99ead;
  font: 700 9px/1.15 Manrope, sans-serif;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.on-jackpot #jackpotPage .jp-rr-items-more {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 44px;
  height: 50px;
  margin: 0;
  padding: 0;
  color: #e3d1f2;
  background:
    radial-gradient(circle at 50% 20%, rgba(178, 101, 231, .14), transparent 58%),
    #19151e;
  border: 1px solid #51405e;
  border-radius: 7px;
  box-shadow: inset 0 1px rgba(255, 255, 255, .035);
  font: 800 12px/1 "DM Mono", monospace;
  cursor: pointer;
  transition: color .15s ease, border-color .15s ease, background .15s ease, transform .15s ease;
}

body.on-jackpot #jackpotPage .jp-rr-items-more:hover {
  color: #fff;
  background:
    radial-gradient(circle at 50% 20%, rgba(190, 111, 245, .22), transparent 62%),
    #211829;
  border-color: #8c5cac;
  transform: translateY(-1px);
}

body.on-jackpot #jackpotPage .jp-rr-items-more:focus-visible {
  outline: 2px solid #b977ee;
  outline-offset: 3px;
}

body.on-jackpot #jackpotPage .jp-rr.is-items-expanded,
body.on-jackpot #jackpotPage .jp-rr.is-items-expanded:first-child {
  grid-template-areas:
    "user middle summary go"
    "tray tray tray tray" !important;
  row-gap: 10px;
  min-height: 0;
  padding-block: 10px 14px !important;
  background:
    linear-gradient(90deg, rgba(155, 83, 205, .055), transparent 35%),
    #131118;
  box-shadow: inset 3px 0 #8d58b4, inset 0 1px rgba(255, 255, 255, .025);
}

body.on-jackpot #jackpotPage .jp-rr.is-items-expanded .jp-rr-middle,
body.on-jackpot #jackpotPage .jp-rr.is-items-expanded .jp-rr-summary {
  top: 0;
}

body.on-jackpot #jackpotPage .jp-rr-items-expanded {
  display: grid;
  grid-area: tray;
  grid-column: 1 / -1;
  grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
  gap: 9px;
  width: 100%;
  padding: 13px;
  cursor: default;
  background:
    radial-gradient(circle at 50% 0, rgba(148, 75, 203, .075), transparent 46%),
    #100e14;
  border: 1px solid #342c3a;
  border-radius: 8px;
  box-shadow: inset 0 1px rgba(255, 255, 255, .02);
}

body.on-jackpot #jackpotPage .jp-rr-items-expanded[hidden] {
  display: none !important;
}

body.on-jackpot #jackpotPage .jp-rr-expanded-item {
  display: grid;
  grid-template-rows: 60px auto;
  place-items: center;
  gap: 7px;
  min-width: 0;
  margin: 0;
  padding: 8px 7px 9px;
  background: linear-gradient(155deg, #191620, #131117);
  border: 1px solid #332c3a;
  border-radius: 7px;
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
  transition: border-color .15s ease, background .15s ease, transform .15s ease;
}

body.on-jackpot #jackpotPage .jp-rr-expanded-item:hover {
  background: linear-gradient(155deg, #211926, #151219);
  border-color: #654778;
  transform: translateY(-1px);
}

body.on-jackpot #jackpotPage .jp-rr-expanded-item img {
  display: block;
  width: 62px;
  height: 60px;
  object-fit: contain;
  filter: drop-shadow(0 6px 7px rgba(0, 0, 0, .42));
}

body.on-jackpot #jackpotPage .jp-rr-expanded-item figcaption {
  color: #d4cbd9;
  font-size: 10px;
}

@media (max-width: 900px) {
  body.on-jackpot #jackpotPage .jp-rr.is-items-expanded,
  body.on-jackpot #jackpotPage .jp-rr.is-items-expanded:first-child {
    grid-template-areas:
      "user summary go"
      "middle middle middle"
      "tray tray tray" !important;
  }
}

@media (max-width: 650px) {
  body.on-jackpot #jackpotPage .jp-rr.is-items-expanded,
  body.on-jackpot #jackpotPage .jp-rr.is-items-expanded:first-child {
    grid-template-areas:
      "user go"
      "middle middle"
      "summary summary"
      "tray tray" !important;
  }

  body.on-jackpot #jackpotPage .jp-rr-items-expanded {
    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
    gap: 7px;
    padding: 9px;
  }

  body.on-jackpot #jackpotPage .jp-rr-expanded-item {
    grid-template-rows: 48px auto;
    padding: 6px;
  }

  body.on-jackpot #jackpotPage .jp-rr-expanded-item img {
    width: 50px;
    height: 48px;
  }
}

@container jackpot-shell (max-width: 1180px) {
  body.on-jackpot #jackpotPage .jp-rr.is-items-expanded,
  body.on-jackpot #jackpotPage .jp-rr.is-items-expanded:first-child {
    grid-template-areas:
      "user summary go"
      "middle middle middle"
      "tray tray tray" !important;
  }
}

@container jackpot-shell (max-width: 720px) {
  body.on-jackpot #jackpotPage .jp-rr.is-items-expanded,
  body.on-jackpot #jackpotPage .jp-rr.is-items-expanded:first-child {
    grid-template-areas:
      "user go"
      "middle middle"
      "summary summary"
      "tray tray" !important;
  }

  body.on-jackpot #jackpotPage .jp-rr-items-expanded {
    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
    gap: 7px;
    padding: 9px;
  }
}

/* ---------- v19: text-only item expansion and full player profile ---------- */
#lobbyList .lobby .offer {
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  overflow: visible;
}

#lobbyList .lobby .offer > img {
  flex: 0 0 50px;
  width: 50px !important;
  height: 50px !important;
  margin: 0 !important;
}

#lobbyList .lobby .offer > .extra-item {
  display: none !important;
}

#lobbyList .offer .item-more,
#viewer .stake-more,
body.on-jackpot #jackpotPage .jp-rr-items-more {
  position: relative;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  min-width: 38px !important;
  min-height: 40px !important;
  height: 40px !important;
  margin: 0 0 0 3px !important;
  padding: 0 7px !important;
  appearance: none;
  color: #fff !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font: 800 13px/1 "Space Grotesk", Manrope, sans-serif !important;
  letter-spacing: -.02em;
  cursor: pointer;
  transition: color .15s ease, background .15s ease, text-shadow .15s ease, transform .15s ease;
}

#lobbyList .offer .item-more::after,
#viewer .stake-more::after,
body.on-jackpot #jackpotPage .jp-rr-items-more::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 7px;
  width: 0;
  height: 1px;
  background: #b979f0;
  border-radius: 2px;
  transform: translateX(-50%);
  transition: width .16s ease;
}

#lobbyList .offer .item-more:hover,
#viewer .stake-more:hover,
body.on-jackpot #jackpotPage .jp-rr-items-more:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, .035) !important;
  text-shadow: 0 0 12px rgba(190, 126, 245, .52);
  transform: translateY(-1px);
}

#lobbyList .offer .item-more:hover::after,
#viewer .stake-more:hover::after,
body.on-jackpot #jackpotPage .jp-rr-items-more:hover::after {
  width: calc(100% - 14px);
}

#lobbyList .offer .item-more:focus-visible,
#viewer .stake-more:focus-visible,
body.on-jackpot #jackpotPage .jp-rr-items-more:focus-visible {
  outline: 2px solid #b979f0;
  outline-offset: 2px;
}

#lobbyList .coinflip-items-expanded {
  display: flex;
  grid-column: 1 / -1;
  grid-row: 2;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 12px 18px;
  width: min(100%, 1120px);
  justify-self: center;
  padding: 12px 8px 2px;
  border-top: 1px solid rgba(165, 105, 197, .13);
  cursor: default;
}

#lobbyList .coinflip-items-expanded[hidden] {
  display: none !important;
}

#lobbyList .coinflip-items-expanded figure {
  display: grid;
  grid-template-rows: 64px auto;
  place-items: center;
  gap: 6px;
  width: 76px;
  min-width: 0;
  margin: 0;
  padding: 0 3px 4px;
}

#lobbyList .coinflip-items-expanded img {
  display: block;
  width: 66px !important;
  height: 64px !important;
  object-fit: contain;
  filter: drop-shadow(0 7px 8px rgba(0, 0, 0, .43));
  transition: filter .16s ease, transform .16s ease;
}

#lobbyList .coinflip-items-expanded figure:hover img {
  filter: drop-shadow(0 8px 10px rgba(0, 0, 0, .48)) drop-shadow(0 0 9px rgba(160, 89, 213, .17));
  transform: translateY(-2px) scale(1.035);
}

#lobbyList .coinflip-items-expanded figcaption {
  display: -webkit-box;
  overflow: hidden;
  width: 100%;
  color: #cfc6d4;
  font: 700 10px/1.18 Manrope, sans-serif;
  text-align: center;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#lobbyList .lobby.coinflip-items-open {
  height: auto !important;
  min-height: 196px !important;
  padding-bottom: 13px !important;
  background:
    linear-gradient(90deg, rgba(147, 78, 194, .055), transparent 38%),
    #121117 !important;
}

#lobbyList .lobby.coinflip-items-open .offer > img {
  display: none !important;
}

#viewer .stake-tray.expanded .stake-items {
  max-height: none !important;
  overflow: visible !important;
  justify-content: center !important;
}

#viewer .stake-more {
  margin-left: 1px !important;
}

body.on-jackpot #jackpotPage .jp-rr.is-items-expanded,
body.on-jackpot #jackpotPage .jp-rr.is-items-expanded:first-child {
  background: #131118 !important;
  box-shadow: inset 3px 0 #8551ab !important;
}

body.on-jackpot #jackpotPage .jp-rr.is-items-expanded .jp-rr-middle .jp-rr-item {
  display: none !important;
}

body.on-jackpot #jackpotPage .jp-rr-items-expanded {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 10px 16px;
  width: min(100%, 1160px);
  justify-self: center;
  padding: 11px 0 3px;
  background: transparent;
  border: 0;
  border-top: 1px solid rgba(163, 102, 194, .13);
  border-radius: 0;
  box-shadow: none;
}

body.on-jackpot #jackpotPage .jp-rr-expanded-item {
  grid-template-rows: 62px auto;
  width: 74px;
  min-width: 0;
  gap: 6px;
  padding: 0 3px 4px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

body.on-jackpot #jackpotPage .jp-rr-expanded-item:hover {
  background: transparent;
  border-color: transparent;
  transform: translateY(-2px);
}

body.on-jackpot #jackpotPage .jp-rr-expanded-item img {
  width: 64px;
  height: 62px;
  transition: filter .16s ease, transform .16s ease;
}

body.on-jackpot #jackpotPage .jp-rr-expanded-item:hover img {
  filter: drop-shadow(0 7px 9px rgba(0, 0, 0, .45)) drop-shadow(0 0 8px rgba(158, 87, 209, .16));
  transform: scale(1.035);
}

body.on-jackpot #jackpotPage .jp-rr-expanded-item figcaption {
  display: -webkit-box;
  overflow: hidden;
  color: #cec5d3;
  line-height: 1.2;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#profile .profile-online {
  display: none !important;
}

#profile .profile-card {
  width: min(1080px, calc(100vw - 36px)) !important;
  max-width: 1080px !important;
  max-height: calc(100dvh - 24px) !important;
  padding: 34px 40px 36px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border: 1px solid #4a3858 !important;
  border-top: 2px solid #a75be4 !important;
  border-radius: 15px !important;
  background:
    radial-gradient(circle at 13% 9%, rgba(151, 71, 214, .2), transparent 31%),
    radial-gradient(circle at 88% 102%, rgba(107, 57, 164, .13), transparent 39%),
    linear-gradient(145deg, #18131f 0%, #111016 61%, #0e0d12 100%) !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .7), inset 0 1px rgba(255, 255, 255, .035) !important;
  transform: none !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(157, 86, 208, .46) transparent;
}

#profile .profile-card::-webkit-scrollbar {
  width: 4px;
}

#profile .profile-card::-webkit-scrollbar-track {
  background: transparent;
}

#profile .profile-card::-webkit-scrollbar-thumb {
  background: rgba(157, 86, 208, .46);
  border-radius: 8px;
}

#profile .profile-card > p {
  margin: 0 0 23px !important;
  color: #c481f1 !important;
  font: 800 11px/1 "DM Mono", monospace !important;
  letter-spacing: .16em !important;
}

#profile .profile-card .close {
  top: 18px !important;
  right: 21px !important;
  width: 40px !important;
  height: 40px !important;
  color: #d5cedb !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 36px !important;
}

#profile .profile-hero {
  display: grid !important;
  grid-template-columns: 140px minmax(0, 1fr) 140px !important;
  align-items: center !important;
  gap: 28px !important;
  min-height: 140px !important;
  margin-bottom: 28px;
}

#profile .profile-avatar {
  width: 136px !important;
  height: 136px !important;
  padding: 7px;
  object-fit: cover !important;
  object-position: center !important;
  background: #0d0b11 !important;
  border: 2px solid #a85ce9 !important;
  box-shadow: 0 0 0 8px rgba(151, 76, 213, .07), 0 0 26px rgba(155, 77, 222, .25) !important;
}

#profile .profile-identity {
  display: grid;
  align-content: center;
  gap: 13px;
  min-width: 0;
}

#profile .profile-name-line {
  gap: 13px !important;
}

#profile .profile-card .profile-name-line h2 {
  color: #fff !important;
  font: 800 clamp(31px, 3.2vw, 38px)/1 "Space Grotesk", Manrope, sans-serif !important;
  letter-spacing: -.045em !important;
  text-shadow: 0 0 20px rgba(184, 105, 238, .12);
}

#profile .profile-card #profileRank {
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
}

#profile .profile-level-line {
  display: flex !important;
  align-items: center !important;
  min-height: 18px;
  color: #d8cce0 !important;
  font: 700 18px/1 Manrope, sans-serif !important;
}

#profile .profile-xp {
  gap: 3px !important;
}

#profile .profile-xp-track {
  height: 6px !important;
  border-radius: 99px !important;
}

#profile .profile-xp > span:last-child {
  font-size: 13px !important;
}

#profile .profile-xp > span:last-child b,
#profile .profile-xp > span:last-child small {
  font-size: 13px !important;
}

#profile .profile-xp > span:last-child small {
  color: #cf99f5 !important;
}

#profile .profile-card #tipPlayer {
  align-self: center !important;
  justify-self: end !important;
  width: 140px !important;
  min-height: 50px !important;
  margin: 0 !important;
  border-color: #7d4c9c !important;
  border-radius: 7px !important;
  background: linear-gradient(145deg, #281734, #17111e) !important;
  font-size: 13px !important;
}

#profile .profile-card #tipPlayer svg {
  width: 21px !important;
  height: 21px !important;
}

#profile .profile-career-strip {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin: 0 !important;
  overflow: hidden;
  border: 1px solid #352d3c !important;
  border-radius: 12px 12px 0 0 !important;
  background: linear-gradient(90deg, rgba(140, 69, 191, .065), rgba(255, 255, 255, .008)) !important;
}

#profile .profile-career-strip > div {
  display: grid !important;
  align-content: center;
  gap: 13px !important;
  min-height: 116px;
  padding: 21px 26px !important;
}

#profile .profile-career-strip > div + div {
  border-left: 1px solid #352d3c !important;
}

#profile .profile-career-strip small,
#profile .profile-performance small {
  color: #aaa0b1 !important;
  font: 800 10px/1 "DM Mono", monospace !important;
  letter-spacing: .09em !important;
}

#profile .profile-career-strip b,
#profile .profile-performance b,
#profile .profile-performance #profileWinrate,
#profile .profile-performance #profileStreak,
#profile .profile-performance #profileUpset,
#profile .profile-metric-number,
#profile .profile-metric-unit {
  color: #f7f3f8 !important;
  text-shadow: none !important;
}

#profile .profile-career-strip b {
  gap: 10px !important;
  font: 800 30px/1 "Space Grotesk", Manrope, sans-serif !important;
  letter-spacing: -.04em !important;
}

#profile .profile-career-strip > div:first-child .g-coin {
  width: 32px !important;
  height: 32px !important;
}

#profile .profile-career-strip > div:nth-child(2) .g-coin {
  width: 25px !important;
  height: 25px !important;
}

#profile .profile-performance {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin: 0 !important;
  overflow: hidden;
  border: 1px solid #352d3c !important;
  border-top: 0 !important;
  border-radius: 0 0 12px 12px !important;
  background: rgba(12, 11, 16, .28);
}

#profile .profile-performance > div {
  display: grid !important;
  place-content: center;
  justify-items: center;
  gap: 15px !important;
  min-height: 132px !important;
  padding: 20px 14px !important;
  border: 0 !important;
}

#profile .profile-performance > div + div {
  border-left: 1px solid #352d3c !important;
}

#profile .profile-performance b,
#profile #profileStreak,
#profile #profileUpset {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px !important;
  font: 700 24px/1 "Space Grotesk", Manrope, sans-serif !important;
  letter-spacing: -.035em !important;
  white-space: nowrap;
}

#profile .profile-performance .g-coin {
  width: 25px !important;
  height: 25px !important;
}

#profile .profile-metric-number,
#profile .profile-metric-unit {
  font: inherit !important;
  font-style: normal !important;
  letter-spacing: inherit !important;
  transform: none !important;
}

@media (min-width: 1151px) {
  #lobbyList .lobby.coinflip-items-open {
    grid-template-rows: minmax(102px, auto) auto !important;
  }
}

@media (max-width: 1150px) {
  #lobbyList .lobby .offer {
    flex-basis: 158px !important;
    gap: 0 !important;
  }

  #lobbyList .lobby .offer > img {
    width: 46px !important;
    height: 46px !important;
    margin-right: -11px !important;
  }

  #lobbyList .lobby.coinflip-items-open {
    display: flex !important;
    flex-wrap: wrap !important;
    min-height: 188px !important;
    padding-block: 9px 13px !important;
  }

  #lobbyList .lobby.coinflip-items-open .coinflip-items-expanded {
    order: 5;
    flex: 1 0 100%;
    width: 100%;
    padding-top: 10px;
  }
}

@media (max-width: 760px) {
  #profile .profile-card {
    width: calc(100vw - 20px) !important;
    padding: 22px 18px 20px !important;
  }

  #profile .profile-card > p {
    margin-bottom: 17px !important;
  }

  #profile .profile-hero {
    grid-template-columns: 84px minmax(0, 1fr) !important;
    gap: 15px !important;
    min-height: 84px !important;
    margin-bottom: 20px;
  }

  #profile .profile-avatar {
    width: 82px !important;
    height: 82px !important;
    padding: 4px;
  }

  #profile .profile-card .profile-name-line h2 {
    font-size: 27px !important;
  }

  #profile .profile-card #profileRank {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
  }

  #profile .profile-identity {
    gap: 9px;
  }

  #profile .profile-level-line {
    font-size: 14px !important;
  }

  #profile .profile-card #tipPlayer {
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-height: 44px !important;
    margin-top: 2px !important;
  }

  #profile .profile-career-strip > div {
    min-height: 94px;
    padding: 16px !important;
  }

  #profile .profile-career-strip b {
    font-size: 23px !important;
  }

  #profile .profile-performance {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #profile .profile-performance > div {
    min-height: 103px !important;
    padding: 15px 9px !important;
  }

  #profile .profile-performance > div:nth-child(3) {
    border-left: 0 !important;
    border-top: 1px solid #352d3c !important;
  }

  #profile .profile-performance > div:nth-child(4) {
    border-top: 1px solid #352d3c !important;
  }

  #profile .profile-performance b,
  #profile #profileStreak,
  #profile #profileUpset {
    font-size: 20px !important;
  }
}

@media (max-width: 650px) {
  body.on-jackpot #jackpotPage .jp-rr-items-expanded {
    gap: 8px 10px;
    padding-inline: 0;
  }

  body.on-jackpot #jackpotPage .jp-rr-expanded-item {
    grid-template-rows: 50px auto;
    width: 60px;
  }

  body.on-jackpot #jackpotPage .jp-rr-expanded-item img {
    width: 52px;
    height: 50px;
  }

  #lobbyList .coinflip-items-expanded {
    gap: 8px 10px;
    padding-inline: 0;
  }

  #lobbyList .coinflip-items-expanded figure {
    grid-template-rows: 50px auto;
    width: 60px;
  }

  #lobbyList .coinflip-items-expanded img {
    width: 52px !important;
    height: 50px !important;
  }
}

@media (max-width: 500px) {
  #profile .profile-career-strip {
    grid-template-columns: 1fr !important;
  }

  #profile .profile-career-strip > div + div {
    border-top: 1px solid #352d3c !important;
    border-left: 0 !important;
  }
}

/* ---------- v20: stronger profile value hierarchy ---------- */
#profile .profile-career-strip b,
#profile .profile-performance .profile-best-win b {
  color: #d28cff !important;
  text-shadow: 0 0 18px rgba(184, 95, 255, .18) !important;
}

#profile .profile-career-strip b {
  font-size: 36px !important;
}

#profile .profile-career-strip .g-coin {
  width: 32px !important;
  height: 32px !important;
}

#profile .profile-performance .profile-best-win b {
  font-size: 29px !important;
}

#profile .profile-performance .profile-best-win .g-coin {
  width: 29px !important;
  height: 29px !important;
}

@media (max-width: 760px) {
  #profile .profile-career-strip b {
    font-size: 27px !important;
  }

  #profile .profile-career-strip .g-coin {
    width: 27px !important;
    height: 27px !important;
  }

  #profile .profile-performance .profile-best-win b {
    font-size: 23px !important;
  }

  #profile .profile-performance .profile-best-win .g-coin {
    width: 24px !important;
    height: 24px !important;
  }
}

/* ---------- v21: inline unique-item expansion and compact profile ---------- */
#profile #profileVolume,
#profile #profileAverage,
#profile #profileBest {
  color: #d28cff !important;
  text-shadow: 0 0 18px rgba(184, 95, 255, .2) !important;
}

@media (min-width: 761px) {
  #profile .profile-card {
    width: min(920px, calc(100vw - 40px)) !important;
    max-width: 920px !important;
    padding: 26px 30px 28px !important;
  }

  #profile .profile-card > p {
    margin-bottom: 18px !important;
  }

  #profile .profile-hero {
    grid-template-columns: 124px minmax(0, 1fr) 128px !important;
    gap: 24px !important;
    min-height: 124px !important;
    margin-bottom: 22px !important;
  }

  #profile .profile-avatar {
    width: 120px !important;
    height: 120px !important;
  }

  #profile .profile-card .profile-name-line h2 {
    font-size: 35px !important;
  }

  #profile .profile-card #profileRank {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
  }

  #profile .profile-card #tipPlayer {
    width: 128px !important;
    min-height: 46px !important;
  }

  #profile .profile-career-strip > div {
    min-height: 104px !important;
    padding: 18px 22px !important;
  }

  #profile .profile-career-strip b {
    font-size: 34px !important;
  }

  #profile .profile-performance > div {
    min-height: 116px !important;
    padding: 18px 12px !important;
  }

  #profile .profile-performance .profile-best-win b {
    font-size: 28px !important;
  }
}

#lobbyList .lobby .offer > .coinflip-offer-item {
  position: relative;
  display: inline-grid !important;
  flex: 0 0 54px !important;
  place-items: center;
  width: 54px !important;
  height: 58px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

#lobbyList .lobby .offer > .coinflip-offer-item > img:not(.coinflip-offer-source) {
  display: block !important;
  width: 52px !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain;
  background: transparent !important;
  border: 0 !important;
  filter: drop-shadow(0 6px 7px rgba(0, 0, 0, .43));
}

#lobbyList .lobby .offer .coinflip-offer-source {
  display: none !important;
}

#lobbyList .lobby .offer > .coinflip-offer-item.extra-item {
  display: none !important;
}

#lobbyList .lobby .offer.expanded > .coinflip-offer-item.extra-item {
  display: inline-grid !important;
}

#lobbyList .lobby .offer .coinflip-offer-qty {
  position: absolute;
  z-index: 4;
  top: 0;
  right: -1px;
  display: grid;
  place-items: center;
  min-width: 19px;
  height: 17px;
  padding: 0 4px;
  color: #fff;
  background: #241a2c;
  border: 1px solid #705286;
  border-radius: 999px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .35);
  font: 800 9px/1 "DM Mono", monospace;
}

#lobbyList .lobby .offer .item-more {
  order: 99;
}

#lobbyList .lobby .offer.expanded {
  flex-wrap: wrap !important;
  align-content: center !important;
  justify-content: center !important;
  gap: 4px 8px !important;
  min-height: 116px !important;
}

#lobbyList .lobby.coinflip-items-open {
  height: auto !important;
  min-height: 138px !important;
  padding-block: 7px !important;
  background: #121117 !important;
}

@media (min-width: 1151px) {
  #lobbyList .lobby.coinflip-items-open {
    grid-template-rows: auto !important;
  }
}

@media (max-width: 1150px) {
  #lobbyList .lobby.coinflip-items-open {
    display: flex !important;
    flex-wrap: nowrap !important;
    min-height: 172px !important;
    padding-block: 7px !important;
  }

  #lobbyList .lobby .offer.expanded {
    flex: 0 0 180px !important;
    gap: 3px 6px !important;
    min-height: 154px !important;
  }

  #lobbyList .lobby .offer > .coinflip-offer-item {
    flex-basis: 46px !important;
    width: 46px !important;
    height: 48px !important;
  }

  #lobbyList .lobby .offer > .coinflip-offer-item > img:not(.coinflip-offer-source) {
    width: 44px !important;
    height: 44px !important;
  }
}

body.on-jackpot #jackpotPage .jp-rr-middle .jp-rr-items {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: center;
  justify-content: center;
  gap: 7px 10px !important;
  width: 100% !important;
  max-width: 430px;
  margin-inline: auto;
  overflow: visible;
}

body.on-jackpot #jackpotPage .jp-rr-items .jp-rr-item,
body.on-jackpot #jackpotPage .jp-rr.is-items-expanded .jp-rr-middle .jp-rr-items .jp-rr-item:not([hidden]) {
  position: relative;
  display: grid !important;
}

body.on-jackpot #jackpotPage .jp-rr-middle .jp-rr-item[hidden] {
  display: none !important;
}

body.on-jackpot #jackpotPage .jp-rr-art {
  position: relative;
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
}

body.on-jackpot #jackpotPage .jp-rr-item-qty {
  position: absolute;
  z-index: 3;
  top: 0;
  right: -2px;
  display: grid;
  place-items: center;
  min-width: 19px;
  height: 17px;
  padding: 0 4px;
  color: #fff;
  background: #241a2c;
  border: 1px solid #705286;
  border-radius: 999px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .34);
  font: 800 8px/1 "DM Mono", monospace;
}

body.on-jackpot #jackpotPage .jp-rr-item figcaption {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.on-jackpot #jackpotPage .jp-rr-items-more {
  order: 99;
  align-self: center;
}

body.on-jackpot #jackpotPage .jp-rr.is-items-expanded,
body.on-jackpot #jackpotPage .jp-rr.is-items-expanded:first-child {
  grid-template-areas: "user middle summary go" !important;
  grid-template-rows: auto !important;
  row-gap: 0 !important;
  min-height: 112px !important;
  padding: 0 22px !important;
}

@media (max-width: 1180px) {
  body.on-jackpot #jackpotPage .jp-rr.is-items-expanded,
  body.on-jackpot #jackpotPage .jp-rr.is-items-expanded:first-child {
    padding-inline: 16px !important;
  }
}

@media (max-width: 900px) {
  body.on-jackpot #jackpotPage .jp-rr.is-items-expanded,
  body.on-jackpot #jackpotPage .jp-rr.is-items-expanded:first-child {
    grid-template-areas:
      "user summary go"
      "middle middle middle" !important;
    row-gap: 8px !important;
    min-height: 158px !important;
    padding: 12px 15px !important;
  }
}

@media (max-width: 650px) {
  body.on-jackpot #jackpotPage .jp-rr.is-items-expanded,
  body.on-jackpot #jackpotPage .jp-rr.is-items-expanded:first-child {
    grid-template-areas:
      "user go"
      "middle middle"
      "summary summary" !important;
    min-height: 230px !important;
  }
}

/* ---------- v22: quieter counts, true row parity, and signed-in game cues ---------- */
#lobbyList .lobby .offer .coinflip-offer-qty,
#viewer .stake-qty,
body.on-jackpot #jackpotPage .jp-rr-item-qty,
body.on-jackpot #jackpotPage .jp-entry-item b,
body.on-jackpot #jackpotPage .jp-ci-x {
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff !important;
  font: 800 10px/1 "Space Grotesk", Manrope, sans-serif !important;
  letter-spacing: -.035em !important;
  text-shadow:
    0 1px 2px #07060a,
    0 0 7px rgba(190, 119, 241, .52) !important;
  pointer-events: none;
}

#viewer .stake-qty,
body.on-jackpot #jackpotPage .jp-entry-item b {
  font-size: 9px !important;
}

#lobbyList .offer .item-more,
#viewer .stake-more,
body.on-jackpot #jackpotPage .jp-rr-items-more,
body.on-jackpot #jackpotPage .jp-entry-more,
body.on-jackpot #jackpotPage .jp-ci-more {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 30px !important;
  min-height: 32px !important;
  height: 32px !important;
  margin: 0 0 0 2px !important;
  padding: 0 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #eee9f2 !important;
  font: 800 12px/1 "Space Grotesk", Manrope, sans-serif !important;
  letter-spacing: -.025em !important;
  cursor: pointer;
  transition: color .15s ease, text-shadow .15s ease, transform .15s ease !important;
}

#lobbyList .offer .item-more::after,
#viewer .stake-more::after,
body.on-jackpot #jackpotPage .jp-rr-items-more::after {
  content: none !important;
}

#lobbyList .offer .item-more:hover,
#viewer .stake-more:hover,
body.on-jackpot #jackpotPage .jp-rr-items-more:hover,
body.on-jackpot #jackpotPage .jp-entry-more:hover,
body.on-jackpot #jackpotPage .jp-ci-more:hover {
  color: #fff !important;
  background: transparent !important;
  text-shadow: 0 0 10px rgba(194, 126, 244, .58) !important;
  transform: translateY(-1px);
}

.lobby .player[data-owner="GodlyUser"] > span > b::after,
.lobby .live-match-player[data-owner="GodlyUser"] > span > b::after,
#viewer .replay-profile-hit[data-owner="GodlyUser"] .replay-identity > b::after,
.past-game .matchup-player[data-owner="GodlyUser"] b::after {
  content: none !important;
  display: none !important;
}

#lobbyList .lobby.is-current-user,
.past-games-fixed .past-game.is-current-user {
  background:
    linear-gradient(90deg, rgba(151, 91, 189, .11), transparent 27%),
    #121117 !important;
  box-shadow:
    inset 3px 0 #9360b8,
    inset 0 1px rgba(255, 255, 255, .025) !important;
}

#lobbyList .is-current-player > img,
.past-games-fixed .is-current-player > img {
  border-color: #a96fd0 !important;
  box-shadow:
    0 0 0 2px #121016,
    0 0 0 3px rgba(184, 112, 225, .64),
    0 0 13px rgba(170, 91, 211, .24) !important;
}

@media (min-width: 1151px) {
  #lobbyList .lobby > .pot,
  .past-games-fixed .past-game > .past-pot-value {
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    align-items: center !important;
    justify-self: stretch !important;
    gap: 3px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #c78aff !important;
    font: 800 24px/1 "Space Grotesk", Manrope, sans-serif !important;
    letter-spacing: -.045em !important;
  }

  #lobbyList .lobby > .pot > em,
  .past-games-fixed .past-game > .past-pot-value > em {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 26px !important;
    height: 26px !important;
    margin: 0 !important;
  }

  #lobbyList .lobby > .pot > .pot-amount,
  .past-games-fixed .past-game > .past-pot-value > .pot-amount {
    grid-column: 2 !important;
    grid-row: 1 !important;
    color: inherit !important;
    font: inherit !important;
    white-space: nowrap !important;
  }

  .past-games-fixed .past-game > .past-offer {
    gap: 4px !important;
  }

  .past-games-fixed .past-game > .past-offer img {
    width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
  }
}

@media (min-width: 901px) and (max-width: 1680px) {
  .game-list > .labels,
  #lobbyList > .lobby,
  .past-games-fixed > .past-game {
    grid-template-columns:
      minmax(0, 1.62fr)
      minmax(0, .7fr)
      minmax(64px, .4fr)
      minmax(110px, .62fr)
      minmax(108px, .56fr) !important;
    gap: 9px !important;
  }

  .past-games-fixed > .past-game {
    min-height: 104px !important;
    height: 104px !important;
    padding-inline: 14px !important;
  }
}

@media (min-width: 1681px) {
  .game-list > .labels,
  #lobbyList > .lobby,
  .past-games-fixed > .past-game {
    grid-template-columns:
      minmax(240px, 1.15fr)
      minmax(240px, 1.05fr)
      130px
      128px
      160px !important;
    gap: 16px !important;
  }

  .past-games-fixed > .past-game {
    min-height: 112px !important;
    height: 112px !important;
    padding-inline: 18px !important;
  }
}

@container jackpot-shell (max-width: 1180px) {
  body.on-jackpot #jackpotPage .jp-rr.is-items-expanded,
  body.on-jackpot #jackpotPage .jp-rr.is-items-expanded:first-child {
    grid-template-areas:
      "user summary go"
      "middle middle middle" !important;
    row-gap: 8px !important;
    min-height: 158px !important;
    padding: 12px 15px !important;
  }
}

@container jackpot-shell (max-width: 720px) {
  body.on-jackpot #jackpotPage .jp-rr.is-items-expanded,
  body.on-jackpot #jackpotPage .jp-rr.is-items-expanded:first-child {
    grid-template-areas:
      "user go"
      "middle middle"
      "summary summary" !important;
    min-height: 230px !important;
  }
}

/* claude 2026-07-25: pot value alignment (active + past identical, ALL widths) + past-chance % size = active odds size */
#lobbyList .lobby>.pot,.past-games-fixed .past-game>.past-pot-value{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;column-gap:3px!important;align-items:center!important}
#lobbyList .lobby>.pot>em,.past-games-fixed .past-game>.past-pot-value>em{grid-column:1!important;grid-row:1!important;width:26px!important;height:26px!important;margin:0!important}
#lobbyList .lobby>.pot>.pot-amount,.past-games-fixed .past-game>.past-pot-value>.pot-amount{grid-column:2!important;grid-row:1!important;justify-self:start!important;white-space:nowrap!important;font:inherit!important}
.past-games-fixed .past-game>.history-chance b{font-size:22px!important;line-height:1!important}
@media(min-width:1151px) and (max-width:1420px){.past-games-fixed .past-game>.history-chance b{font-size:20px!important}}

/* claude 2026-07-25 b: kill horizontal purple scrollbar (the moving bar) on pickers + hard-left pot numbers */
.jpj-picker,.catalog-picker,body.on-jackpot #jpJoinModal .jpj-picker,body.on-jackpot #jpJoinModal .jpj-grid{overflow-x:hidden!important}
#lobbyList .lobby>.pot>.pot-amount,.past-games-fixed .past-game>.past-pot-value>.pot-amount{justify-self:start!important;text-align:left!important}

/* claude 2026-07-25 c: pot inherits text-align:center which centers un-wrapped numbers in the wide column -> force left so first digit lands at the same x for ALL rows */
#lobbyList .lobby>.pot,.past-games-fixed .past-game>.past-pot-value{text-align:left!important;justify-items:start!important}
#lobbyList .lobby>.pot>.pot-amount,.past-games-fixed .past-game>.past-pot-value>.pot-amount{justify-self:start!important;text-align:left!important;margin-left:0!important}

/* claude 2026-07-25 d: ×N stack badges on picker cards (plain text, no bubble) */
.jpj-item{position:relative}
.jpj-item .jpj-x{position:absolute;top:8px;left:9px;z-index:2;color:#fff;font:800 13px/1 "Space Grotesk",sans-serif;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 5px rgba(0,0,0,.9)}
.creator-card .catalog-item{position:relative!important}
.creator-card .catalog-item .cat-x{position:absolute;top:9px;right:11px;z-index:2;color:#fff;font:800 15px/1 "Space Grotesk",sans-serif;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.9)}

/* claude 2026-07-25 e: distinguish viewer's own jackpot card + join-stack picked-qty pill */
body.on-jackpot .jp-card.jp-me{border-color:#8b7cf0!important;box-shadow:0 0 0 1px rgba(139,124,240,.5),0 12px 30px rgba(139,124,240,.2)!important;background:linear-gradient(180deg,rgba(139,124,240,.15),rgba(255,255,255,.015))!important}
body.on-jackpot .jp-card.jp-me .jp-you{position:absolute;top:10px;left:10px;z-index:3;padding:3px 10px;border-radius:6px;background:#7b6ce8;color:#fff;font:800 9.5px/1 "Space Grotesk",sans-serif;letter-spacing:.12em;box-shadow:0 3px 8px rgba(0,0,0,.35)}
.jpj-item .jpj-selq{position:absolute;bottom:8px;right:8px;z-index:2;padding:2px 8px;border-radius:6px;background:#6e4ff0;color:#fff;font:800 10.5px/1.5 "DM Mono",monospace;letter-spacing:.02em;box-shadow:0 2px 6px rgba(0,0,0,.4)}

/* claude 2026-07-25 f: join-jackpot footer preview of selected items (mini guns + ×N) */
body.on-jackpot #jpJoinModal .jpj-total>span{flex:0 0 auto!important}
body.on-jackpot #jpJoinModal .jpj-preview{flex:1 1 auto;display:flex;align-items:center;gap:8px;min-width:0;justify-content:center;flex-wrap:nowrap;overflow:hidden}
body.on-jackpot #jpJoinModal .jpj-pv{position:relative;width:32px;height:32px;flex:none}
body.on-jackpot #jpJoinModal .jpj-pv img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55))}
body.on-jackpot #jpJoinModal .jpj-pv b{position:absolute;bottom:-3px;right:-4px;color:#fff;font:800 10px/1 "Space Grotesk",sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 4px rgba(0,0,0,.9)}

/* claude 2026-07-25 g: distinguish viewer's own coinflip lobby games (rail + avatar ring + YOUR GAME tag) */
.lobby.lobby-mine{position:relative!important;border-left:3px solid #8b7cf0!important;background:linear-gradient(90deg,rgba(139,124,240,.12),transparent 40%)!important}
.lobby.lobby-mine .player>img{box-shadow:0 0 0 2px #8b7cf0,0 0 12px rgba(139,124,240,.45)!important}
.lobby.lobby-mine .lobby-you{position:absolute;top:0;left:0;z-index:4;padding:3px 10px 3px 8px;border-radius:0 0 8px 0;background:#7b6ce8;color:#fff;font:800 8.5px/1.25 "Space Grotesk",sans-serif;letter-spacing:.1em;box-shadow:0 2px 7px rgba(0,0,0,.4)}

/* claude 2026-07-25 h: premium 'your game' lobby row + repositioned N/M picked count + bigger footer minis */
.lobby.lobby-mine{border:1px solid rgba(139,124,240,.5)!important;border-left:3px solid #8b7cf0!important;background:linear-gradient(90deg,rgba(139,124,240,.14),rgba(139,124,240,.03) 46%,transparent)!important;box-shadow:0 8px 22px rgba(139,124,240,.1)!important}
.lobby.lobby-mine .player>img{box-shadow:0 0 0 2px #8b7cf0,0 0 12px rgba(139,124,240,.5)!important}
.lobby.lobby-mine .lobby-you{position:static!important;display:inline-flex!important;align-items:center;vertical-align:middle;margin:0 0 0 8px!important;padding:2px 8px!important;border-radius:5px!important;background:#7b6ce8!important;color:#fff!important;font:800 8.5px/1.5 "Space Grotesk",sans-serif!important;letter-spacing:.1em!important;box-shadow:0 2px 6px rgba(0,0,0,.35)!important}
body.on-jackpot #jpJoinModal .jpj-item .jpj-selq{position:absolute;top:8px;left:9px;z-index:3;padding:2px 8px;border-radius:6px;background:#6e4ff0;color:#fff;font:800 10.5px/1.5 "DM Mono",monospace;letter-spacing:.02em;box-shadow:0 2px 6px rgba(0,0,0,.45)}
body.on-jackpot #jpJoinModal .jpj-pv{width:40px!important;height:40px!important}
body.on-jackpot #jpJoinModal .jpj-pv b{bottom:-4px!important;right:-5px!important;font-size:11px!important}

/* claude 2026-07-25 i: fix N/M pill stretching to fill card (old bottom/right insets) + subtle selected tint + visible mini ×N pill */
body.on-jackpot #jpJoinModal .jpj-item .jpj-selq{top:8px!important;left:9px!important;right:auto!important;bottom:auto!important;width:auto!important;height:auto!important}
body.on-jackpot #jpJoinModal .jpj-item.selected,body.on-jackpot #jpJoinModal .jpj-item.sel{background:rgba(110,79,240,.13)!important;border-color:#7b6cf0!important;box-shadow:inset 0 0 0 1px rgba(139,124,240,.42)!important}
body.on-jackpot #jpJoinModal .jpj-pv b{position:absolute!important;bottom:-5px!important;right:-6px!important;min-width:16px;height:16px;padding:0 3px;border-radius:8px;background:#241d33;border:1px solid rgba(255,255,255,.3);color:#fff;font:800 10px/16px "DM Mono",monospace;text-align:center;text-shadow:none;box-shadow:0 2px 5px rgba(0,0,0,.55)}

/* claude 2026-07-25 j: tighter PF step number spacing + create-coinflip stack picked-count pill */
#provablyFair .pf-step{grid-template-columns:16px minmax(0,1fr)!important;gap:7px!important}
.creator-card .catalog-item .cat-selq{position:absolute;top:9px;left:11px;right:auto;bottom:auto;z-index:3;padding:2px 8px;border-radius:6px;background:#6e4ff0;color:#fff;font:800 10.5px/1.5 "DM Mono",monospace;letter-spacing:.02em;box-shadow:0 2px 6px rgba(0,0,0,.45)}


/* claude 2026-07-25 l: ×N / N-M stack badges on the active (bootstrap) create-coinflip catalog */
.catalog-item{position:relative}
.catalog-item .cat-x{position:absolute;top:9px;right:11px;z-index:3;color:#fff;font:800 14px/1 "Space Grotesk",sans-serif;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.9)}
.catalog-item .cat-selq{position:absolute;top:9px;left:11px;right:auto;bottom:auto;z-index:3;padding:2px 8px;border-radius:6px;background:#6e4ff0;color:#fff;font:800 10.5px/1.5 "DM Mono",monospace;letter-spacing:.02em;box-shadow:0 2px 6px rgba(0,0,0,.45)}

/* claude 2026-07-25 m: footer mini ×N badge on top + no clipping */
body.on-jackpot #jpJoinModal .jpj-preview{overflow:visible!important;padding:6px 0!important}
body.on-jackpot #jpJoinModal .jpj-pv{overflow:visible!important}
body.on-jackpot #jpJoinModal .jpj-pv b{top:-6px!important;right:-5px!important;bottom:auto!important;left:auto!important}

/* claude 2026-07-25 n: hover-× to remove a mini + bigger header/subtitle + bigger ×N */
body.on-jackpot #jpJoinModal .jpj-pv-x{position:absolute;inset:0;display:none;align-items:center;justify-content:center;border-radius:8px;background:rgba(18,9,28,.76);color:#fff;font:800 20px/1 "Space Grotesk",sans-serif;cursor:pointer;z-index:4}
body.on-jackpot #jpJoinModal .jpj-pv:hover .jpj-pv-x{display:flex}
body.on-jackpot #jpJoinModal .jpj-pv:hover b{visibility:hidden}
body.on-jackpot #jpJoinModal .jp-join-creator>h2{font-size:40px!important}
body.on-jackpot #jpJoinModal .jp-join-creator .jpj-sub{font-size:15.5px!important;color:#b7abc9!important}
.catalog-item .cat-x{font-size:17px!important}
body.on-jackpot #jpJoinModal .jpj-pv b{font-size:12px!important;min-width:18px!important;height:18px!important;line-height:16px!important}

/* claude 2026-07-25 o: inventory → condition tags + boxed value + boxed footer (toward target look) */
.inv-item .inv-cond{margin-top:1px;padding:3px 11px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#b6a9c4;font:800 8.5px/1.5 "DM Mono",monospace;letter-spacing:.05em}
.inv-top .inv-total{padding:13px 20px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:10px!important;background:rgba(255,255,255,.022)!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;text-align:left}
.inv-top .inv-total b{font-size:23px!important}
#inventoryPage .inv-footbar{padding:15px 20px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:11px!important;background:rgba(255,255,255,.022)!important}
#inventoryPage .inv-footbar #invSel{display:inline-flex;align-items:center;font-size:14px!important;font-weight:700;color:#d3ccdf}
.inv-foot-ic{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-right:13px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);color:#b6a9c4;flex:none}
.inv-foot-ic svg{width:18px;height:18px}

/* claude 2026-07-25 p: inventory shows the chat (2-col like coinflip) -> 1:1 with target */
body.on-inventory .columns{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important;align-items:start!important;gap:18px!important}
body.on-inventory .chat{display:flex!important;grid-column:2!important;grid-row:1!important}

/* claude 2026-07-25 q: inventory — rarity color accents + bigger cards + chat fits */
#inventoryPage .inv-item{border-top:3px solid rgba(255,255,255,.06)!important}
#inventoryPage .inv-item.rar-legendary{border-top-color:#e8b45a!important}
#inventoryPage .inv-item.rar-epic{border-top-color:#a87cf0!important}
#inventoryPage .inv-item.rar-rare{border-top-color:#5f8fd6!important}
#inventoryPage .inv-item.rar-uncommon{border-top-color:#5aad86!important}
#inventoryPage .inv-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:14px!important}
#inventoryPage .inv-thumb{height:112px!important}
#inventoryPage .inv-thumb img{width:98px!important;height:98px!important}
body.on-inventory #inventoryPage{grid-column:1!important;min-width:0!important}
body.on-inventory .chat{display:flex!important;grid-column:2!important;grid-row:1!important;width:auto!important;max-width:100%!important}

/* claude 2026-07-25 r: inventory — bigger count-filling cards + strong purple color + bigger value/footer */
#inventoryPage .inv-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:16px!important}
#inventoryPage .inv-item{padding:22px 16px 18px!important;background:linear-gradient(180deg,rgba(139,124,240,.08),rgba(255,255,255,.015))!important;border-color:rgba(139,124,240,.18)!important;border-radius:12px!important}
#inventoryPage .inv-item:hover{border-color:#8b7cf0!important;box-shadow:0 16px 34px rgba(139,124,240,.26)!important;transform:translateY(-4px)!important}
#inventoryPage .inv-thumb{height:154px!important;background:radial-gradient(circle at 50% 40%,rgba(139,124,240,.16),rgba(0,0,0,.34))!important;border-color:rgba(139,124,240,.16)!important}
#inventoryPage .inv-thumb img{width:132px!important;height:132px!important}
#inventoryPage .inv-item>b{font-size:16.5px!important}
#inventoryPage .inv-val{font-size:18px!important;color:#c9b3ff!important}
.inv-top .inv-total{padding:16px 26px!important;border-color:rgba(139,124,240,.42)!important;background:linear-gradient(135deg,rgba(139,124,240,.16),rgba(139,124,240,.04))!important;box-shadow:0 10px 26px rgba(139,124,240,.14)!important}
.inv-top .inv-total b{font-size:29px!important;color:#dcc7ff!important}
#inventoryPage .inv-footbar{padding:22px 28px!important;border-color:rgba(139,124,240,.32)!important;background:linear-gradient(135deg,rgba(139,124,240,.11),rgba(139,124,240,.03))!important}
#inventoryPage .inv-footbar #invSel{font-size:18px!important;color:#e6ddf7}
.inv-foot-ic{width:42px!important;height:42px!important;background:rgba(139,124,240,.16)!important;border-color:rgba(139,124,240,.34)!important;color:#c9b3ff!important}

/* claude 2026-07-25 s: inventory — drop color top-accent + flat purple bg, cleaner bigger cards, brighter value */
#inventoryPage .inv-item{border:1px solid rgba(255,255,255,.09)!important;border-top:1px solid rgba(255,255,255,.09)!important;background:rgba(255,255,255,.03)!important;padding:22px 16px 20px!important}
#inventoryPage .inv-item:hover{border-color:rgba(139,124,240,.55)!important;box-shadow:0 16px 34px rgba(139,124,240,.2)!important}
#inventoryPage .inv-thumb{height:172px!important;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.06),rgba(0,0,0,.3))!important;border-color:rgba(255,255,255,.06)!important}
#inventoryPage .inv-thumb img{width:142px!important;height:142px!important}
.inv-top .inv-total{padding:18px 30px!important;color:#cdc5db!important}
.inv-top .inv-total b{font-size:32px!important;color:#c4a6ff!important}

/* claude 2026-07-25 t: inventory — kill rarity top-line + colored glow behind each item (colorful bg) */
#inventoryPage .inv-item.rar-legendary,#inventoryPage .inv-item.rar-epic,#inventoryPage .inv-item.rar-rare,#inventoryPage .inv-item.rar-uncommon,#inventoryPage .inv-item.rar-common{border-top:1px solid rgba(255,255,255,.09)!important}
#inventoryPage .inv-item.rar-legendary .inv-thumb{background:radial-gradient(circle at 50% 40%,rgba(240,180,80,.28),rgba(14,10,22,.55))!important;border-color:rgba(240,180,80,.22)!important}
#inventoryPage .inv-item.rar-epic .inv-thumb{background:radial-gradient(circle at 50% 40%,rgba(168,110,255,.3),rgba(14,10,22,.55))!important;border-color:rgba(168,110,255,.24)!important}
#inventoryPage .inv-item.rar-rare .inv-thumb{background:radial-gradient(circle at 50% 40%,rgba(90,150,235,.28),rgba(14,10,22,.55))!important;border-color:rgba(90,150,235,.22)!important}
#inventoryPage .inv-item.rar-uncommon .inv-thumb{background:radial-gradient(circle at 50% 40%,rgba(80,200,150,.26),rgba(14,10,22,.55))!important;border-color:rgba(80,200,150,.2)!important}
#inventoryPage .inv-item.rar-common .inv-thumb{background:radial-gradient(circle at 50% 40%,rgba(160,150,185,.2),rgba(14,10,22,.55))!important}

/* claude 2026-07-25 u: inventory — solid create-coinflip cards (no glow) + bigger tabs + cleaner footer/value */
#inventoryPage .inv-item,#inventoryPage .inv-item.rar-legendary,#inventoryPage .inv-item.rar-epic,#inventoryPage .inv-item.rar-rare,#inventoryPage .inv-item.rar-uncommon,#inventoryPage .inv-item.rar-common{background:linear-gradient(145deg,#1b1821,#141218)!important;border:1px solid #383241!important;border-top:1px solid #383241!important;border-radius:10px!important}
#inventoryPage .inv-item:hover{border-color:#8f67c4!important;background:linear-gradient(145deg,#241d2d,#17131e)!important;transform:translateY(-3px)!important;box-shadow:0 14px 30px rgba(0,0,0,.42)!important}
#inventoryPage .inv-item .inv-thumb,#inventoryPage .inv-item.rar-legendary .inv-thumb,#inventoryPage .inv-item.rar-epic .inv-thumb,#inventoryPage .inv-item.rar-rare .inv-thumb,#inventoryPage .inv-item.rar-uncommon .inv-thumb,#inventoryPage .inv-item.rar-common .inv-thumb{background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.045),rgba(0,0,0,.26))!important;border:1px solid rgba(255,255,255,.05)!important}
.inv-tabs{gap:5px!important;padding:5px!important}
.inv-tabs button{padding:14px 30px!important;font-size:14px!important;border-radius:7px!important}
.inv-top{margin-bottom:6px!important}
.inv-top .inv-total{background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:none!important;color:#aca2c0!important}
.inv-top .inv-total b{color:#cdb3ff!important;font-size:30px!important}
#inventoryPage .inv-footbar{background:rgba(255,255,255,.028)!important;border:1px solid rgba(255,255,255,.09)!important;justify-content:flex-start!important;gap:15px!important}
#inventoryPage .inv-footbar #invSel{color:#d3ccdf!important}
.inv-foot-ic{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.09)!important;color:#b6a9c4!important}

/* claude 2026-07-25 v: inventory — flat solid thumbnail area, no colored glow at all */
#inventoryPage .inv-item .inv-thumb,#inventoryPage .inv-item.rar-legendary .inv-thumb,#inventoryPage .inv-item.rar-epic .inv-thumb,#inventoryPage .inv-item.rar-rare .inv-thumb,#inventoryPage .inv-item.rar-uncommon .inv-thumb,#inventoryPage .inv-item.rar-common .inv-thumb{background:#100e16!important;border:1px solid rgba(255,255,255,.05)!important}

/* claude 2026-07-25 w: inventory — remove the inner thumbnail box (gun sits directly on the card) */
#inventoryPage .inv-thumb,#inventoryPage .inv-item.rar-legendary .inv-thumb,#inventoryPage .inv-item.rar-epic .inv-thumb,#inventoryPage .inv-item.rar-rare .inv-thumb,#inventoryPage .inv-item.rar-uncommon .inv-thumb,#inventoryPage .inv-item.rar-common .inv-thumb{background:transparent!important;border:0!important}

/* claude 2026-07-25 x: inventory — colorful page bg (opacity glows), narrower cards, bigger name/value, footer spread */
body.on-inventory #inventoryPage{position:relative;min-height:calc(100vh - 150px)!important;background:radial-gradient(900px 440px at 12% -4%,rgba(150,110,255,.16),transparent 55%),radial-gradient(820px 460px at 96% 12%,rgba(120,80,240,.12),transparent 55%),radial-gradient(760px 440px at 58% 104%,rgba(96,120,255,.09),transparent 60%)!important;background-attachment:fixed!important}
#inventoryPage .inv-grid{grid-template-columns:repeat(auto-fill,minmax(198px,1fr))!important;gap:15px!important;justify-content:start!important}
#inventoryPage .inv-item{max-width:236px!important}
#inventoryPage .inv-item>b{font-size:19px!important;letter-spacing:.1px!important}
#inventoryPage .inv-val{font-size:20px!important;font-weight:800!important}
#inventoryPage .inv-footbar{justify-content:flex-start!important;gap:14px!important}
#inventoryPage .inv-footbar .inv-foot-items{font-size:19px!important;font-weight:700!important;color:#e6ddf7!important}
#inventoryPage .inv-footbar .inv-foot-total{margin-left:auto!important;font-size:19px!important;font-weight:800!important;color:#cdb3ff!important;display:inline-flex;align-items:center;gap:7px}

/* claude 2026-07-25 y: compact footer into a centered chip (kill dead middle) + tighten inventory-value box */
#inventoryPage .inv-footbar{width:fit-content!important;max-width:100%!important;margin:0 auto!important;padding:11px 22px!important;gap:11px!important;justify-content:center!important}
#inventoryPage .inv-footbar .inv-foot-items{font-size:16px!important;font-weight:700!important;color:#e6ddf7!important}
#inventoryPage .inv-footbar .inv-foot-total{margin-left:0!important;font-size:16px!important;font-weight:800!important;color:#cdb3ff!important;display:inline-flex;align-items:center;gap:6px}
#inventoryPage .inv-footbar .inv-foot-total::before{content:"\00b7";margin-right:9px;color:#8076a6;font-weight:800}
#inventoryPage .inv-foot-ic{width:34px!important;height:34px!important}
.inv-top .inv-total{padding:11px 18px!important;gap:3px!important;background:linear-gradient(135deg,rgba(139,124,240,.08),rgba(139,124,240,.02))!important;border:1px solid rgba(139,124,240,.2)!important}
.inv-top .inv-total b{font-size:25px!important}

/* claude 2026-07-25 z: inventory pagination controls */
#inventoryPage .inv-pager{display:flex;justify-content:center;align-items:center;gap:8px;margin:26px 0 8px;flex-wrap:wrap}
#inventoryPage .inv-page-btn,#inventoryPage .inv-page-nav{min-width:42px;height:42px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#c9c1da;font-weight:800;font-size:15px;cursor:pointer;transition:.15s;display:inline-flex;align-items:center;justify-content:center}
#inventoryPage .inv-page-btn:hover,#inventoryPage .inv-page-nav:hover:not(:disabled){border-color:rgba(139,124,240,.55);background:rgba(139,124,240,.12);color:#fff}
#inventoryPage .inv-page-btn.active{background:linear-gradient(135deg,#7d5cff,#6a4ff0);border-color:transparent;color:#fff;box-shadow:0 8px 20px rgba(122,92,240,.3)}
#inventoryPage .inv-page-nav:disabled{opacity:.35;cursor:default}

/* claude 2026-07-25 aa: inventory item quantities — owned xN badge, selected-qty badge, tray qty */
#inventoryPage .inv-item{position:relative}
#inventoryPage .inv-qty{position:absolute;top:9px;right:9px;z-index:3;padding:3px 9px;border-radius:8px;background:linear-gradient(135deg,#7d5cff,#6a4ff0);color:#fff;font-size:13px;font-weight:800;letter-spacing:.3px;box-shadow:0 4px 12px rgba(122,92,240,.4)}
#inventoryPage .inv-selq{position:absolute;top:9px;left:9px;z-index:4;min-width:24px;height:24px;padding:0 6px;border-radius:8px;background:linear-gradient(135deg,#37d17a,#24b866);color:#05230f;font-size:13px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(40,190,110,.42)}
#inventoryPage .inv-tray-item{position:relative}
#inventoryPage .inv-tray-q{position:absolute;bottom:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:6px;background:linear-gradient(135deg,#7d5cff,#6a4ff0);color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;border:2px solid #14121a}

/* claude 2026-07-25 bb: selected tray = big centered circles w/ hover-x; purple selected badge; cleaner value box */
#inventoryPage .inv-selq{background:#7c4dff!important;border:2px solid rgba(255,255,255,.92)!important;color:#fff!important;box-shadow:0 4px 14px rgba(124,77,255,.5)!important;min-width:26px!important;height:26px!important}
#inventoryPage .inv-tray{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:14px!important;margin:0 auto 20px!important;max-width:700px!important}
#inventoryPage .inv-tray-item{width:76px!important;height:76px!important;border-radius:50%!important;background:radial-gradient(circle at 50% 42%,rgba(139,124,240,.18),rgba(12,10,18,.62))!important;border:2px solid rgba(139,124,240,.42)!important;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:.15s;position:relative}
#inventoryPage .inv-tray-item:hover{border-color:#8b5cff!important;transform:translateY(-2px)}
#inventoryPage .inv-tray-item img{width:58px!important;height:58px!important;object-fit:contain}
#inventoryPage .inv-tray-q{bottom:-1px!important;right:-1px!important;min-width:22px!important;height:22px!important;font-size:12px!important;border:2px solid #14121a!important}
#inventoryPage .inv-tray-x{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:rgba(8,6,12,.64);color:#fff;font-size:30px;font-weight:400;line-height:1;border-radius:50%}
#inventoryPage .inv-tray-item:hover .inv-tray-x{display:flex}
.inv-top .inv-total{background:rgba(20,17,28,.72)!important;border:1px solid rgba(139,124,240,.3)!important;box-shadow:0 10px 26px rgba(0,0,0,.28)!important}

/* claude 2026-07-25 cc: refine selected tray circle + turn corner badge into a clean bottom xN pill */
#inventoryPage .inv-tray-item{background:radial-gradient(circle at 50% 38%,rgba(150,120,255,.22),rgba(16,13,24,.7))!important;border:2px solid rgba(139,124,240,.5)!important;box-shadow:0 8px 20px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06)!important}
#inventoryPage .inv-tray-item img{width:60px!important;height:60px!important}
#inventoryPage .inv-tray-q{left:50%!important;bottom:-7px!important;top:auto!important;right:auto!important;transform:translateX(-50%)!important;min-width:0!important;width:auto!important;height:auto!important;padding:2px 9px!important;border-radius:10px!important;background:linear-gradient(135deg,#7d5cff,#6a4ff0)!important;color:#fff!important;font-size:11px!important;font-weight:800!important;border:2px solid #16131d!important;box-shadow:0 3px 9px rgba(0,0,0,.45)!important;letter-spacing:.2px;display:inline-flex;align-items:center}

/* claude 2026-07-25 dd: tray qty -> top-right (escape circle clip) + cleaner circular selected badge */
#inventoryPage .inv-tray-item{overflow:visible!important}
#inventoryPage .inv-tray-ph{position:absolute;inset:0;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}
#inventoryPage .inv-tray-q{top:-4px!important;right:-4px!important;left:auto!important;bottom:auto!important;transform:none!important;padding:2px 8px!important;border-radius:9px!important;z-index:5}
#inventoryPage .inv-tray-x{z-index:4}
#inventoryPage .inv-selq{border-radius:50%!important;min-width:27px!important;width:27px!important;height:27px!important;padding:0!important;background:linear-gradient(135deg,#9a6bff,#6f4ff2)!important;border:1.5px solid rgba(255,255,255,.38)!important;color:#fff!important;font-size:13px!important;font-weight:800!important;box-shadow:0 5px 14px rgba(124,77,255,.55)!important}

/* claude 2026-07-25 ee: kill tray scrollbar; +/- side affordance (right adds, left subtracts) on deposit/withdraw */
#inventoryPage .inv-tray{overflow:visible!important;padding-bottom:0!important}
#inventoryPage.pick .inv-item::before,#inventoryPage.pick .inv-item::after{position:absolute;top:0;height:100%;width:44%;display:flex;align-items:center;font-size:30px;font-weight:300;line-height:1;opacity:0;transition:opacity .15s;pointer-events:none;z-index:2}
#inventoryPage.pick .inv-item::before{content:"\2212";left:0;justify-content:flex-start;padding-left:15px;color:rgba(255,120,120,.9);background:linear-gradient(90deg,rgba(255,80,80,.15),transparent);border-radius:10px 0 0 10px}
#inventoryPage.pick .inv-item::after{content:"+";right:0;justify-content:flex-end;padding-right:15px;color:rgba(158,128,255,.98);background:linear-gradient(270deg,rgba(124,77,255,.2),transparent);border-radius:0 10px 10px 0}
#inventoryPage.pick .inv-item:hover::before,#inventoryPage.pick .inv-item:hover::after{opacity:1}

/* claude 2026-07-25 ff: reveal - only when hovering left half, + only when hovering right half */
#inventoryPage.pick .inv-item::before,#inventoryPage.pick .inv-item::after{content:none!important;display:none!important}
#inventoryPage.pick .inv-item .inv-half{position:absolute;top:0;height:100%;width:50%;display:flex;align-items:center;font-size:30px;font-weight:300;line-height:1;opacity:0;transition:opacity .15s;z-index:2;cursor:pointer}
#inventoryPage.pick .inv-item .inv-half.l{left:0;justify-content:flex-start;padding-left:15px;color:rgba(255,120,120,.92);background:linear-gradient(90deg,rgba(255,80,80,.16),transparent);border-radius:10px 0 0 10px}
#inventoryPage.pick .inv-item .inv-half.r{right:0;justify-content:flex-end;padding-right:15px;color:rgba(158,128,255,.99);background:linear-gradient(270deg,rgba(124,77,255,.22),transparent);border-radius:0 10px 10px 0}
#inventoryPage.pick .inv-item .inv-half:hover{opacity:1}

/* claude 2026-07-25 gg: premium inventory-value stat card (corner glow, brighter glowing number, richer box) */
.inv-top .inv-total{position:relative;overflow:hidden;padding:14px 24px!important;gap:5px!important;background:linear-gradient(135deg,rgba(139,124,240,.17),rgba(19,16,26,.92))!important;border:1px solid rgba(139,124,240,.38)!important;border-radius:14px!important;box-shadow:0 14px 32px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.06)!important;color:#b7a8da!important}
.inv-top .inv-total::before{content:"";position:absolute;top:-45%;right:-12%;width:135px;height:135px;background:radial-gradient(circle,rgba(139,124,240,.42),transparent 70%);pointer-events:none}
.inv-top .inv-total b{position:relative;font-size:30px!important;font-weight:800!important;letter-spacing:.4px;color:#f1eaff!important;text-shadow:0 0 20px rgba(139,124,240,.5)}

/* claude 2026-07-25 hh: deposit/withdraw bot modal — roblox avatars, section header, premium rows */
#depositBots .bot-card{width:min(500px,94vw)!important;padding:24px 24px 22px!important}
#depositBots .bot-sec{display:flex;align-items:center;justify-content:space-between;margin:2px 0 11px;font-size:10.5px;font-weight:800;letter-spacing:.2em;color:#9a8fbf}
#depositBots .bot-sec-n{letter-spacing:.02em;font-size:11px;color:#5ce08a;font-weight:700}
#depositBots .bot-list{gap:9px!important}
#depositBots .bot-row{padding:12px 14px!important;background:linear-gradient(135deg,rgba(139,124,240,.07),rgba(255,255,255,.02))!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:12px!important;transition:.15s}
#depositBots .bot-row:hover{border-color:rgba(139,124,240,.5)!important;background:linear-gradient(135deg,rgba(139,124,240,.13),rgba(255,255,255,.03))!important;transform:translateY(-1px)}
#depositBots .bot-av{width:50px!important;height:50px!important;border:2px solid rgba(139,124,240,.45)!important;box-shadow:0 4px 12px rgba(0,0,0,.35)!important}
#depositBots .bot-id b{font-size:14px!important}
#depositBots .bot-id small{font-size:11.5px!important;margin-top:4px!important}
#depositBots .bot-join{padding:11px 24px!important;border-radius:9px!important;font-size:12px!important;background:linear-gradient(135deg,#7d5cff,#6a4ff0)!important;box-shadow:0 6px 16px rgba(122,92,240,.32)!important}
#depositBots .bot-join:hover{background:linear-gradient(135deg,#8b6bff,#7658ff)!important}
#depositBots .bot-join:disabled{background:#3b3450!important;box-shadow:none!important;color:#8f86a8!important}
#depositBots .bot-summary{background:linear-gradient(135deg,rgba(139,124,240,.14),rgba(139,124,240,.04))!important;border:1px solid rgba(139,124,240,.3)!important;border-radius:12px!important;padding:13px 15px!important}

/* claude 2026-07-25 ii: bot modal — un-track the subtitle (label rule was hitting it) + summary spacing */
#depositBots .bot-sub{font-size:12.5px!important;font-weight:500!important;letter-spacing:0!important;color:#a99fc2!important;line-height:1.55!important;margin:5px 0 16px!important;text-transform:none!important}
#depositBots .bot-summary{padding:12px 15px!important;margin-bottom:15px!important}

/* claude 2026-07-25 jj: premium bot-modal — header icon badge, top glow, stacked item thumbs in summary */
#depositBots .bot-card{background:radial-gradient(ellipse 360px 170px at 50% -40px,rgba(139,124,240,.24),transparent 68%),#15121e!important}
#depositBots .bot-head{display:flex;align-items:center;gap:14px;margin-bottom:6px}
#depositBots .bot-head-ic{flex:none;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#7d5cff,#6a4ff0);color:#fff;box-shadow:0 8px 20px rgba(122,92,240,.42)}
#depositBots .bot-head-ic svg{width:24px;height:24px}
#depositBots .bot-head-t p{margin:0!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.2em!important;color:#ab8fe6!important}
#depositBots .bot-head-t h2{margin:3px 0 0!important;font-size:21px!important;font-weight:800!important;color:#fff!important}
#depositBots .bot-sum-l{display:flex;align-items:center;gap:12px;min-width:0}
#depositBots .bot-sum-thumbs{display:flex;flex:none}
#depositBots .bot-thumb{position:relative;width:34px;height:34px;border-radius:8px;margin-left:-9px;background:radial-gradient(circle at 50% 40%,rgba(139,124,240,.22),rgba(12,10,18,.72));border:1px solid rgba(139,124,240,.42);display:flex;align-items:center;justify-content:center}
#depositBots .bot-thumb:first-child{margin-left:0}
#depositBots .bot-thumb img{width:26px;height:26px;object-fit:contain}
/* Quantity badge: plain white numerals in the TOP-RIGHT corner. No pill, no gradient, no dark ring — the old
   `border:1.5px solid #15121e` around a purple gradient read as a dark box stuck to the thumbnail. Legibility
   over a bright gun sprite comes from a tight shadow instead of a filled background. Scoped to both the bot
   picker and the receipt, which reuse the same .bot-thumb markup. */
#depositBots .bot-thumb i,#depReceipt .bot-thumb i{position:absolute;top:1px;right:3px;bottom:auto;left:auto;font-style:normal;font-size:10px;font-weight:800;line-height:1;background:none;border:0;padding:0;border-radius:0;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 3px rgba(0,0,0,.75)}

/* claude 2026-07-25 kk: cleaner centered bot-modal header + force sans subtitle */
#depositBots .bot-head{flex-direction:column!important;align-items:center!important;text-align:center;gap:12px;margin-bottom:0}
#depositBots .bot-head-ic{width:54px;height:54px;border-radius:15px}
#depositBots .bot-head-ic svg{width:27px;height:27px}
#depositBots .bot-head-t{text-align:center}
#depositBots .bot-head-t p{letter-spacing:.22em!important;color:#b199ee!important}
#depositBots .bot-head-t h2{margin-top:3px!important;font-size:22px!important}
#depositBots .bot-card .bot-sub{font-family:Manrope,'Segoe UI',system-ui,Arial,sans-serif!important;letter-spacing:normal!important;text-align:center;max-width:330px;margin:9px auto 18px!important;font-size:13px!important;font-weight:500!important;line-height:1.55!important;color:#a49ac4!important}

/* claude 2026-07-25 ll: tighten centered header spacing + bigger summary value (deposit/withdraw) */
#depositBots .bot-head{gap:11px!important;margin-bottom:2px!important}
#depositBots .bot-head-ic{width:52px!important;height:52px!important;border-radius:15px!important}
#depositBots .bot-head-t p{margin:0 0 3px!important}
#depositBots .bot-head-t h2{margin:0!important;font-size:22px!important;line-height:1.15!important}
#depositBots .bot-card .bot-sub{margin:8px auto 16px!important;max-width:320px!important}
#depositBots .bot-summary{padding:14px 17px!important}
#depositBots .bot-summary .bot-sum-l>span{font-size:13.5px!important}
#depositBots .bot-summary b{font-size:19px!important}
#depositBots .bot-summary b .g-coin{width:22px!important;height:22px!important}

/* claude 2026-07-25 mm: inventory-value box — fully on-theme (page purple-glow language, gradient number) */
.inv-top .inv-total::before{display:none!important}
.inv-top .inv-total{background:radial-gradient(150px 140px at 90% -25%,rgba(155,124,255,.5),transparent 70%),radial-gradient(140px 130px at 3% 125%,rgba(110,79,240,.3),transparent 70%),linear-gradient(140deg,rgba(150,120,255,.2),rgba(110,79,240,.07) 55%,rgba(20,16,30,.93))!important;border:1px solid rgba(150,120,255,.42)!important;box-shadow:0 16px 38px rgba(84,54,190,.3),inset 0 1px 0 rgba(255,255,255,.09)!important;color:#c6b7e8!important}
.inv-top .inv-total b{font-size:31px!important;font-weight:800!important;letter-spacing:.4px!important;background:linear-gradient(120deg,#ffffff,#cdb8ff 52%,#9d7dff)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;filter:drop-shadow(0 2px 11px rgba(139,124,240,.42))!important}
.inv-top .inv-total b .g-coin{-webkit-text-fill-color:initial!important}

/* claude 2026-07-25 nn: inventory-value box — flat tinted glass + hairline (kill gradients/glows, less "AI") */
.inv-top .inv-total::before{display:none!important}
.inv-top .inv-total{background:rgba(28,24,38,.5)!important;border:1px solid rgba(160,140,230,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;color:#a49ac2!important}
.inv-top .inv-total b{font-size:30px!important;font-weight:800!important;letter-spacing:.3px!important;background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;color:#e4d9ff!important;filter:none!important;text-shadow:none!important}
.inv-top .inv-total b .g-coin{-webkit-text-fill-color:initial!important}

/* claude 2026-07-25 oo: settings — real avatar, rank badge, level bar, profile card, refined nav, coin overview */
#settings .set-acct{padding:14px 16px!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;margin-bottom:6px!important;gap:14px!important}
#settings .set-acct .set-av{width:56px!important;height:56px!important;border:1px solid rgba(160,140,230,.28)!important;background:#241d33!important}
#settings .set-acct-info{flex:1;min-width:0}
#settings .set-xp{margin-top:8px;height:5px;border-radius:3px;background:rgba(255,255,255,.09);overflow:hidden;max-width:200px}
#settings .set-xp i{display:block;height:100%;background:#7d5cff;border-radius:3px}
#settings .set-rank{width:40px!important;height:40px!important;border-radius:0!important;object-fit:contain;flex:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}
#settings .set-nav button.active{background:rgba(139,124,240,.1)!important;color:#e4d7ff!important;box-shadow:inset 3px 0 0 #7d5cff!important}
#settings .set-kv .g-coin{width:15px;height:15px;vertical-align:-3px;margin-right:4px}

/* claude 2026-07-25 pp: settings — inline rank + XP text (no rank box), rounded pill toggles, cleaner rows */
#settings .set-rank-ic{width:15px;height:15px;object-fit:contain;vertical-align:-3px;margin-right:5px;border-radius:0!important}
#settings .set-xp{max-width:280px!important}
#settings .set-xp-t{display:flex;justify-content:space-between;gap:10px;margin-top:6px;max-width:280px;font-size:10.5px;font-weight:700;letter-spacing:.02em;color:#9a8fbf}
#settings .set-switch{width:44px!important;height:24px!important;border-radius:999px!important;background:#3a3350!important}
#settings .set-switch:before{width:18px!important;height:18px!important;border-radius:50%!important;top:2px!important;left:2px!important;background:#c3bad6!important}
#settings .set-switch.on{background:#7d5cff!important;border-color:#7d5cff!important}
#settings .set-switch.on:before{left:22px!important;background:#fff!important}
#settings .set-row{padding:13px 15px!important;border-radius:10px!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.07)!important;transition:border-color .12s}
#settings .set-row:hover{border-color:rgba(139,124,240,.3)!important}
#settings .set-rl b{font-size:13px!important}
#settings .set-group{gap:10px}

/* claude 2026-07-25 qq: provably-fair tab = full-height informational (steps + formula), verifier pinned bottom */
#settings .pf-panel{display:flex;flex-direction:column;gap:18px;min-height:100%}
#settings .pf-panel .pf-cta{margin-top:auto}
#settings .pf-steps{display:flex;flex-direction:column;gap:10px}
#settings .pf-step{display:flex;gap:12px;padding:13px 15px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:10px}
#settings .pf-num{flex:none;width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:rgba(139,124,240,.16);border:1px solid rgba(139,124,240,.3);color:#c9b3ff;font-size:12px;font-weight:800}
#settings .pf-step b{display:block;font-size:12.5px;font-weight:700;color:#f1eef8;margin-bottom:3px}
#settings .pf-step small{display:block;font-size:11.5px;line-height:1.5;color:#a099bb}
#settings .pf-formula{margin-top:2px;padding:12px 14px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow-x:auto}
#settings .pf-formula code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;color:#c9b3ff;white-space:nowrap}

/* claude 2026-07-25 rr: settings — bigger type scale + more premium spacing across every tab */
#settings .set-head p{font-size:11px!important;letter-spacing:.24em!important}
#settings .set-head h2{font-size:26px!important;margin-top:5px!important}
#settings .set-nav button{font-size:14px!important;padding:12px 14px!important}
#settings .set-group>h4{font-size:13px!important;letter-spacing:.1em!important}
#settings .set-group{gap:12px!important}
#settings .set-note{font-size:14px!important;line-height:1.62!important;color:#b0a6c8!important}
#settings .set-field>span{font-size:12.5px!important}
#settings .set-field input{font-size:14px!important;padding:13px 15px!important}
#settings .set-kv{font-size:13.5px!important;padding:13px 15px!important}
#settings .set-kv>b{font-size:14px!important}
#settings .set-rl b{font-size:14px!important}
#settings .set-rl small{font-size:12.5px!important}
#settings .set-row{padding:15px 16px!important}
#settings .set-btn{font-size:13px!important;padding:12px 20px!important}
#settings .pf-step{padding:16px 17px!important;gap:14px!important}
#settings .pf-num{width:30px!important;height:30px!important;font-size:13.5px!important;border-radius:8px!important}
#settings .pf-step b{font-size:15px!important;margin-bottom:5px!important}
#settings .pf-step small{font-size:13px!important;line-height:1.6!important;color:#a99fc2!important}
#settings .pf-steps{gap:11px!important}
#settings .pf-formula{padding:14px 16px!important}
#settings .pf-formula code{font-size:13px!important}
#settings .pf-panel .set-note b{color:#e4d7ff;font-weight:800}

/* claude 2026-07-25 ss: settings revamp — hide scrollbar, nav icons, overview stat grid */
#settings .set-content{scrollbar-width:none!important}
#settings .set-content::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
#settings .set-nav button{display:flex!important;align-items:center;gap:10px}
#settings .set-nav-ic{display:inline-flex;width:18px;height:18px;flex:none;opacity:.8}
#settings .set-nav-ic svg{width:18px;height:18px}
#settings .set-nav button.active .set-nav-ic{opacity:1;color:#c9b3ff}
#settings .set-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#settings .set-stat{padding:15px 16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:11px;transition:border-color .12s}
#settings .set-stat:hover{border-color:rgba(139,124,240,.28)}
#settings .set-stat span{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;color:#8f84b3;margin-bottom:7px;text-transform:uppercase}
#settings .set-stat b{display:flex;align-items:center;gap:6px;font-size:21px;font-weight:800;color:#f1eef8;letter-spacing:.2px}
#settings .set-stat .g-coin{width:18px!important;height:18px!important}
@media(max-width:700px){#settings .set-stats{grid-template-columns:repeat(2,1fr)}}

/* claude 2026-07-25 tt: jackpot round — card width by chance (no last-row stretch) + bigger xN item pill */
body.on-jackpot #jpDetailModal .jpd-player-grid{display:flex!important;flex-wrap:wrap!important;align-content:flex-start!important}
body.on-jackpot #jpDetailModal .jpd-item small{font-size:12px!important;font-weight:800!important;color:#cbb6ff!important;background:rgba(139,124,240,.16)!important;border:1px solid rgba(139,124,240,.34)!important;padding:2px 9px!important;border-radius:7px!important;justify-self:start!important;letter-spacing:.02em!important;line-height:1.5!important}
#settings .set-pactions{display:flex;gap:10px;align-items:center}

/* claude 2026-07-25 uu: create-coinflip footer — centered heads/tails side chooser */
.creator-total{position:relative}
.cf-side{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;z-index:2}
.cf-side-lbl{font-size:10px;font-weight:800;letter-spacing:.16em;color:#8f84b3;margin-right:2px}
.cf-side-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#a99fc2;font-size:12px;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:.15s}
.cf-side-btn img{width:19px;height:19px;object-fit:contain}
.cf-side-btn:hover{border-color:rgba(139,124,240,.45);color:#e6ddf7}
.cf-side-btn.is-active{border-color:#7d5cff;background:rgba(124,92,255,.16);color:#fff}
@media(max-width:860px){.cf-side-lbl{display:none}.cf-side{gap:5px}.cf-side-btn{padding:6px 10px}}

/* claude 2026-07-25 vv: create-coinflip — coin-only side chooser, selected circle tray, taller cards */
.cf-side-btn{padding:6px!important;gap:0!important}
.cf-side-btn img{width:30px!important;height:30px!important}
.cf-side-btn.is-active{border-color:#7d5cff!important;background:rgba(124,92,255,.18)!important}
.cf-tray{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:12px 0 2px}
.cf-tray.is-empty{display:none}
.cf-tray-item{position:relative;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(139,124,240,.2),rgba(16,13,24,.72));border:2px solid rgba(139,124,240,.45);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s}
.cf-tray-item:hover{border-color:#8b5cff;transform:translateY(-2px)}
.cf-tray-ph{position:absolute;inset:0;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}
.cf-tray-ph img{width:46px;height:46px;object-fit:contain}
.cf-tray-q{position:absolute;top:-4px;right:-4px;z-index:3;padding:1px 7px;border-radius:8px;background:linear-gradient(135deg,#7d5cff,#6a4ff0);color:#fff;font:800 10px/1.6 "DM Mono",monospace;border:2px solid #16131d}
.cf-tray-x{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:rgba(8,6,12,.64);color:#fff;font-size:24px;border-radius:50%;font-style:normal}
.cf-tray-item:hover .cf-tray-x{display:flex}
@media(min-width:701px){.creator-card .catalog-grid{grid-auto-rows:286px!important}.creator-card .catalog-item{height:286px!important;min-height:286px!important;grid-template-rows:192px 42px 24px!important}.creator-card .catalog-item img{width:174px!important;height:174px!important}}

/* claude 2026-07-25 ww: create-coinflip multi-qty cards — reveal −/+ on the hovered half */
.creator-card .catalog-item .cat-half{position:absolute!important;top:0!important;height:100%!important;width:50%!important;display:flex!important;align-items:center!important;font-size:36px!important;font-weight:300!important;line-height:1!important;opacity:0;transition:opacity .15s;z-index:2!important;font-style:normal!important;margin:0!important;padding:0}
.creator-card .catalog-item .cat-half.l{left:0!important;right:auto!important;justify-content:flex-start!important;padding-left:16px;color:rgba(255,120,120,.92)!important;background:linear-gradient(90deg,rgba(255,80,80,.16),transparent)!important;border-radius:7px 0 0 7px}
.creator-card .catalog-item .cat-half.r{right:0!important;left:auto!important;justify-content:flex-end!important;padding-right:16px;color:rgba(158,128,255,.99)!important;background:linear-gradient(270deg,rgba(124,77,255,.22),transparent)!important;border-radius:0 7px 7px 0}
.creator-card .catalog-item .cat-half:hover{opacity:1}

/* claude 2026-07-25 xx: cat-half safety — span-grid-area fix (now <i>), force full-card span */
.creator-card .catalog-item .cat-half{grid-column:1/-1!important;grid-row:1/-1!important;font-style:normal!important}

/* claude 2026-07-25 yy: create-coinflip +/- hover — bigger, brighter, centered, stronger tint */
.creator-card .catalog-item .cat-half{justify-content:center!important;padding:0!important;font-size:50px!important;font-weight:300!important;line-height:1!important;text-shadow:0 2px 14px rgba(0,0,0,.9)!important}
.creator-card .catalog-item .cat-half.l{background:linear-gradient(90deg,rgba(255,72,72,.34),rgba(255,72,72,.04) 72%,transparent)!important;color:#ffa3a3!important}
.creator-card .catalog-item .cat-half.r{background:linear-gradient(270deg,rgba(142,98,255,.42),rgba(142,98,255,.06) 72%,transparent)!important;color:#d0b8ff!important}

/* claude 2026-07-25 zz: create-coinflip +/- hover — fill the whole half (no transparent fade) */
.creator-card .catalog-item .cat-half.l{background:linear-gradient(90deg,rgba(255,74,74,.36),rgba(255,74,74,.19))!important}
.creator-card .catalog-item .cat-half.r{background:linear-gradient(270deg,rgba(140,96,255,.42),rgba(140,96,255,.21))!important}

/* claude 2026-07-25 a2: create-coinflip +/- hover — reach card corners (overshoot + clip) + lighter shade */
.creator-card .catalog-item{overflow:hidden!important}
.creator-card .catalog-item .cat-half{top:-18px!important;bottom:-18px!important;height:auto!important}
.creator-card .catalog-item .cat-half.l{left:-18px!important;right:auto!important;width:calc(50% + 18px)!important;background:linear-gradient(90deg,rgba(255,84,84,.25),rgba(255,84,84,.1))!important}
.creator-card .catalog-item .cat-half.r{right:-18px!important;left:auto!important;width:calc(50% + 18px)!important;background:linear-gradient(270deg,rgba(150,110,255,.29),rgba(150,110,255,.11))!important}

/* claude 2026-07-25 b2: create-coinflip cards smaller so more rows are visible */
@media(min-width:701px){.creator-card .catalog-grid{grid-auto-rows:216px!important}.creator-card .catalog-item{height:216px!important;min-height:216px!important;grid-template-rows:138px 40px 22px!important}.creator-card .catalog-item img{width:132px!important;height:132px!important}}
/* claude 2026-07-25 b3: inventory selected badge → N / M pill (matches create-coinflip) */
#inventoryPage .inv-selq{border-radius:8px!important;width:auto!important;min-width:0!important;height:auto!important;padding:3px 10px!important;font-size:12px!important;background:#7c4dff!important;border:1.5px solid rgba(255,255,255,.4)!important;color:#fff!important;font-weight:800!important;white-space:nowrap!important;line-height:1.45!important}

/* claude 2026-07-25 b4: cat-half fade toward center; coins-only bigger side chooser; taller create modal; compact tray */
.creator-card .catalog-item .cat-half.l{background:linear-gradient(90deg,rgba(255,84,84,.3),transparent)!important}
.creator-card .catalog-item .cat-half.r{background:linear-gradient(270deg,rgba(150,110,255,.32),transparent)!important}
.cf-side-lbl{display:none!important}
.cf-side-btn{padding:5px!important}
.cf-side-btn img{width:44px!important;height:44px!important}
.creator-card{height:94dvh!important;max-height:94dvh!important}
.cf-tray{padding:8px 0 2px!important;gap:8px!important}
.cf-tray-item{width:48px!important;height:48px!important}
.cf-tray-ph img{width:36px!important;height:36px!important}
.cf-tray-q{font-size:9px!important;padding:1px 5px!important}

/* claude 2026-07-25 b5: inventory deposit/withdraw +/- halves — match create-coinflip (centered, filled, reach corners) */
#inventoryPage.pick .inv-item .inv-half{justify-content:center!important;padding:0!important;top:-18px!important;bottom:-18px!important;height:auto!important;font-size:50px!important;font-weight:300!important;line-height:1!important;text-shadow:0 2px 14px rgba(0,0,0,.9)!important;z-index:4!important}
#inventoryPage.pick .inv-item .inv-half.l{left:-18px!important;right:auto!important;width:calc(50% + 18px)!important;background:linear-gradient(90deg,rgba(255,84,84,.3),transparent)!important;color:#ffa3a3!important}
#inventoryPage.pick .inv-item .inv-half.r{right:-18px!important;left:auto!important;width:calc(50% + 18px)!important;background:linear-gradient(270deg,rgba(150,110,255,.32),transparent)!important;color:#d0b8ff!important}

/* claude 2026-07-25 b6: create-coinflip — sort/filter compact on top, search below (saves space) */
.creator-card .catalog-toolbar{position:sticky!important;top:0!important;z-index:6!important;grid-template-columns:1fr 1fr!important;column-gap:12px!important;row-gap:6px!important;padding:11px 14px!important;margin:0!important;border-bottom:1px solid #3d3748!important}
.creator-card .catalog-toolbar::before{font-size:9px!important;margin-bottom:1px!important}
.creator-card .catalog-toolbar select{height:40px!important}
.creator-card .catalog-search{position:static!important;padding:10px 14px 12px!important;box-shadow:none!important;display:block!important}
.creator-card .catalog-search::before{display:none!important}
.creator-card .catalog-search small{margin:0 0 6px!important;font-size:9px!important}
.creator-card .catalog-search input{height:40px!important}

/* claude 2026-07-25 b7: inventory ×N badge → white text (no purple pill), matches create-coinflip */
#inventoryPage .inv-qty{background:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important;color:#fff!important;font-size:17px!important;font-weight:800!important;letter-spacing:-.01em!important;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.9)!important;top:11px!important;right:13px!important}

/* claude 2026-07-25 b8: create-coinflip side chooser — bare coin icons (no button box), dim when unselected */
.cf-side-btn{background:none!important;border:none!important;box-shadow:none!important;padding:3px!important;opacity:.42!important;filter:grayscale(.25)!important;transition:opacity .15s,transform .15s,filter .15s!important}
.cf-side-btn:hover{opacity:.8!important;filter:none!important}
.cf-side-btn.is-active{opacity:1!important;filter:none!important;transform:scale(1.1)!important;background:none!important;border:none!important}
.cf-side-btn img{width:46px!important;height:46px!important}

/* claude 2026-07-25 b9: create-coinflip card value uses the token coin icon */
.creator-card .catalog-item>strong .g-coin{width:16px!important;height:16px!important;vertical-align:-3px!important;margin-right:3px!important}
/* jackpot JOIN catalog value: join items are .catalog-item (not .jpj-item), so flex-center the token with the number here. #jpJoinModal's id beats .creator-card, so this wins. */
#jpJoinModal .catalog-item>strong{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;color:#d5a7ff!important;font:800 20px/1 "Space Grotesk",sans-serif!important}
#jpJoinModal .catalog-item>strong .g-coin{width:23px!important;height:23px!important;flex:0 0 23px!important;margin:0!important;vertical-align:middle!important}

/* claude 2026-07-25 b10: create-coinflip +/- symbol nudged inside frame (was clipping at right edge) */
.creator-card .catalog-item .cat-half.l{padding-left:26px!important;padding-right:0!important}
.creator-card .catalog-item .cat-half.r{padding-right:26px!important;padding-left:0!important}

/* claude 2026-07-25 c1: live-coinflip viewer — header spacing, bigger stats clear of close, clearer entries/level, bigger round id, size-by-count items + white xN */
.viewer-card .viewer-title-row{align-items:flex-start!important;gap:14px 18px!important}
.viewer-card .viewer-round-meta{gap:10px!important;margin-right:46px!important}
.viewer-card .viewer-round-meta>span{padding:10px 15px!important}
.viewer-card .viewer-round-meta small{font-size:10px!important;letter-spacing:.1em!important}
.viewer-card .viewer-round-meta b{font-size:17px!important}
.viewer-card .replay-identity b{font-size:16px!important}
.viewer-card .replay-identity small{font-size:11.5px!important;font-weight:800!important;color:#c1b0e4!important;letter-spacing:.06em!important}
.viewer-card .replay-entry small,.viewer-card .replay-odds small{font-size:10px!important;font-weight:800!important;color:#a99fc2!important;letter-spacing:.1em!important}
.viewer-card .replay-entry b,.viewer-card .replay-odds b{font-size:17px!important}
.viewer-card .viewer-fair small{font-size:10.5px!important;letter-spacing:.12em!important}
.viewer-card #fairnessIdCopy{padding:11px 16px!important}
.viewer-card #viewerFairnessId{font-size:16px!important;letter-spacing:.05em!important;color:#e6ddf7!important}
#replayItems .stake-item img{width:74px!important;height:74px!important;transition:width .15s,height .15s}
.stake-items:has(.stake-item:nth-child(3)) .stake-item img{width:58px!important;height:58px!important}
.stake-items:has(.stake-item:nth-child(4)) .stake-item img{width:48px!important;height:48px!important}
#replayItems .stake-qty{color:#fff!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;font:800 14px/1 "Space Grotesk",sans-serif!important;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.9)!important}

/* claude 2026-07-25 c2: viewer — clearer labels, fit stake items, center landed coin */
.viewer-card #modalKicker{font-size:11px!important;color:#c4a6f5!important;letter-spacing:.2em!important;font-weight:800!important}
.viewer-card #modalTitle{font-size:30px!important}
.viewer-card .viewer-section-label{font-size:11px!important;color:#b199ee!important;letter-spacing:.14em!important;font-weight:800!important}
.viewer-card .viewer-round-meta>span{padding:12px 18px!important}
.viewer-card .viewer-round-meta small{font-size:10.5px!important}
.viewer-card .viewer-round-meta b{font-size:20px!important}
.viewer-card .replay-identity b{font-size:17px!important}
.viewer-card .replay-identity small{font-size:13px!important;color:#c9b8ea!important;font-weight:800!important;letter-spacing:.05em!important}
.viewer-card .replay-entry small,.viewer-card .replay-odds small{font-size:11px!important}
.viewer-card .replay-entry b,.viewer-card .replay-odds b{font-size:19px!important}
.viewer-card .replay-prize>span{font-size:11px!important;color:#b6a6d6!important;letter-spacing:.12em!important;font-weight:800!important}
.viewer-card .replay-prize>#replayWinner{font-size:15px!important}
#replayItems .stake-tray{padding:11px 13px!important}
#replayItems .stake-items{min-height:88px!important;overflow:visible!important}
.viewer[data-outcome] .flip-coin,.flip-stage.is-result .flip-coin{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important}
.viewer .flip-stage #flipCount{left:0!important;right:0!important;text-align:center!important}

/* claude 2026-07-25 c3: center landed coin via grid flow (sidestep absolute/margin mess) */
.viewer[data-outcome] .flip-coin,.flip-stage.is-result .flip-coin{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:0 auto!important;transform:none!important;grid-column:1!important;grid-row:auto!important;justify-self:center!important;align-self:center!important}

/* claude 2026-07-25 c4: landed coin — clear the over-constraining right/bottom so translate centers it */
.viewer[data-outcome] .flip-stage #flipCoin,.viewer .flip-stage.is-result #flipCoin{position:absolute!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important;margin:0!important;width:auto!important}

/* claude 2026-07-25 c5: landed coin — bulletproof centering (inset+margin:auto, fixed size, no transform) */
.viewer[data-outcome] .flip-stage #flipCoin,.viewer .flip-stage.is-result #flipCoin,.viewer[data-outcome] #flipCoin{position:absolute!important;inset:0!important;margin:auto!important;width:150px!important;height:150px!important;transform:none!important}
.viewer .flip-stage.is-result{min-height:280px!important}

/* claude 2026-07-25 c6: coin centered in ALL states (bulletproof inset+margin:auto over the whole tangle) */
.viewer .flip-stage.is-result #flipCoin,.viewer[data-outcome] .flip-stage #flipCoin,.viewer .flip-stage.is-spinning #flipCoin,.viewer .flip-stage.is-countdown #flipCoin{position:absolute!important;inset:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important;margin:auto!important;width:150px!important;height:150px!important;transform:none!important}

/* claude 2026-07-25 c7: coin centering — nuclear specificity (#viewer id) + inset centering */
#viewer[data-outcome] .flip-stage #flipCoin,#viewer .flip-stage.is-result #flipCoin,#viewer .flip-stage.is-spinning #flipCoin,#viewer .flip-stage #flipCoin{position:absolute!important;inset:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important;margin:auto!important;width:150px!important;height:150px!important;transform:none!important}

/* claude 2026-07-25 c8: bigger flip field + slightly smaller coin for breathing room */
#viewer .flip-stage.is-result,.viewer .flip-stage.is-result,.viewer[data-outcome] .flip-stage{min-height:352px!important}
#viewer #flipCoin .coin3d,#viewer #flipCoin>img{width:112px!important;height:112px!important}

/* claude 2026-07-25 c9: keep flip stage full-size in ALL states (countdown/spinning), not just outcome */
#viewer .flip-stage,#viewer .flip-stage.is-countdown,#viewer .flip-stage.is-spinning{min-height:352px!important}

/* claude 2026-07-25 d1: viewer modal fits viewport — no scroll (flex column, flexible stage absorbs slack) */
#viewer .viewer-card{max-height:94vh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:20px 22px!important;gap:11px!important}
#viewer .viewer-card>*{flex:0 0 auto!important}
#viewer .flip-stage,#viewer .flip-stage.is-result,#viewer .flip-stage.is-spinning,#viewer .flip-stage.is-countdown,#viewer[data-outcome] .flip-stage{flex:1 1 auto!important;min-height:170px!important}

/* claude 2026-07-25 d2: undo the flex-squish (d1) — proper full-size stage, block layout */
#viewer .viewer-card{max-height:none!important;display:block!important;overflow:visible!important;padding:20px 22px!important;gap:0!important}
#viewer .viewer-card>*{flex:none!important}
#viewer .flip-stage,#viewer .flip-stage.is-result,#viewer .flip-stage.is-spinning,#viewer .flip-stage.is-countdown,#viewer[data-outcome] .flip-stage{flex:none!important;min-height:290px!important}

/* claude 2026-07-25 d3: tighten viewer to fit ~720px screens (trim empty items space + a bit of stage) */
#viewer .flip-stage,#viewer .flip-stage.is-result,#viewer .flip-stage.is-spinning,#viewer .flip-stage.is-countdown,#viewer[data-outcome] .flip-stage{min-height:244px!important}
#viewer .viewer-card{padding:16px 22px!important}
#viewer .replay-prize{min-height:0!important;padding:11px 16px!important}
#viewer #replayItems{min-height:54px!important}
#viewer .replay-players{margin:0!important}
#viewer .viewer-section-label{margin:2px 0!important}

/* claude 2026-07-25 e1: glowing GODLY(purple)+FLIP(white) wordmark + cropped GF icon w/ purple glow */
.top-brand{gap:11px!important}
.top-brand .bn-ico{width:48px;height:48px;flex:none;background:url("assets/godlyflip-header-transparent.png?v=16") no-repeat 50% 20%/170% auto;filter:drop-shadow(0 0 9px rgba(150,90,255,.85)) drop-shadow(0 0 20px rgba(139,92,246,.5))}
.top-brand b{display:inline-flex!important;align-items:center!important;font:900 21px/1 "Space Grotesk",sans-serif!important;letter-spacing:.02em!important}
.top-brand .bn-godly{color:#a97bff!important;text-shadow:0 0 14px rgba(150,90,255,.75),0 0 32px rgba(139,92,246,.5)}
.top-brand .bn-flip{color:#fff!important;text-shadow:0 0 12px rgba(255,255,255,.4),0 0 28px rgba(150,90,255,.5)}

/* claude 2026-07-25 e2: tighten icon crop onto the GF diamond (exclude baked wordmark) */
.top-brand .bn-ico{background-size:215% auto!important;background-position:50% 24%!important}

/* claude 2026-07-25 e3: zoom icon crop tighter on the diamond only */
.top-brand .bn-ico{background-size:290% auto!important;background-position:50% 33%!important}

/* claude 2026-07-25 e4: glow the NAME only — drop the icon glow */
.top-brand .bn-ico{filter:none!important}

/* claude 2026-07-25 f1: inventory cards auto-scale on smaller screens (thumb scales w/ card + responsive columns) */
#inventoryPage .inv-thumb{height:auto!important;aspect-ratio:1.06/1!important}
#inventoryPage .inv-thumb img{width:82%!important;height:82%!important;object-fit:contain!important}
@media(max-width:1300px){#inventoryPage .inv-grid{grid-template-columns:repeat(auto-fill,minmax(172px,1fr))!important}}
@media(max-width:1050px){#inventoryPage .inv-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important}#inventoryPage .inv-item{max-width:none!important}}
@media(max-width:820px){#inventoryPage .inv-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important;gap:10px!important}#inventoryPage .inv-item>b{font-size:15px!important}#inventoryPage .inv-val{font-size:16px!important}}

/* claude 2026-07-25 f2: revert header logo to original image (user: make it go back) — re-hide the text wordmark */
.top-brand b{display:none!important}

/* claude 2026-07-25 g1: inventory page scrolls (override fixed-height clamp) + scale value box/tabs on smaller screens */
body.on-inventory{height:auto!important;overflow-y:auto!important;overflow-x:hidden!important}
body.on-inventory .workspace{height:auto!important;min-height:100dvh!important;overflow:visible!important}
body.on-inventory .columns{height:auto!important;overflow:visible!important}
body.on-inventory #inventoryPage{min-height:0!important}
@media(max-width:1150px){.inv-top{flex-wrap:wrap!important;gap:12px!important}.inv-top .inv-total{padding:12px 18px!important}.inv-top .inv-total b{font-size:24px!important}.inv-tabs button{padding:12px 22px!important;font-size:13px!important}}
@media(max-width:820px){.inv-top .inv-total b{font-size:21px!important}.inv-tabs button{padding:10px 16px!important;font-size:12px!important}.inv-sub{font-size:12px!important}}

/* claude 2026-07-25 h1: global modal responsiveness — every modal caps to the viewport + scrolls internally (fits any zoom/screen) */
.modal .profile-card,.modal .viewer-card,.modal .set-card,.modal .bot-card,.modal .creator-card,.modal .myflips-card,.modal .fd-card,.modal .pf-card,.modal .jpd-card,#jpDetailModal .jpd-card{max-width:min(96vw,var(--modal-w,1200px))!important;max-height:93vh!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important}
.modal{padding:2vh 2vw!important;align-items:center!important}
/* profile stat grids reflow on narrow */
@media(max-width:720px){.profile-card .profile-stats,.profile-card .profile-stat-row,.profile-card [class*="stat"]{grid-template-columns:repeat(2,1fr)!important}}

/* claude 2026-07-25 i1: transform-scale fitter (Firefox-safe) — origin + body scrolls to scaled height */
.app{transform-origin:0 0!important}
html{overflow-x:hidden!important}
body{overflow-x:hidden!important;overflow-y:auto!important}

/* claude 2026-07-25 i3: center app at design width on wide screens (4K no longer stretches full-width) */
.app{max-width:1700px!important;margin-left:auto!important;margin-right:auto!important}

/* claude 2026-07-25 i4: revert the 1700px center cap (user: huge empty sides on 4K = wtf) */
.app{max-width:none!important;margin-left:0!important;margin-right:0!important}

/* claude 2026-07-25 i5: FILL the full screen width on wide screens — kill all leftover max-width caps */
.app{max-width:none!important}
main,.workspace,.columns{max-width:none!important;width:auto!important;margin-left:0!important;margin-right:0!important}

/* claude 2026-07-25 i6: scaler removed — fluid inventory cards (shrink with viewport/zoom via vw), no JS height hacks */
.app{transform:none!important;width:auto!important;max-width:none!important}
#inventoryPage .inv-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(128px,10.5vw,188px),1fr))!important}

/* claude 2026-07-25 i7: inventory page scrolls — force height:auto + non-clipping overflow through the whole chain */
html{height:auto!important;overflow-y:auto!important}
body.on-inventory{height:auto!important;min-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important}
body.on-inventory .app,body.on-inventory main,body.on-inventory .workspace,body.on-inventory .columns,body.on-inventory #inventoryPage{height:auto!important;max-height:none!important;overflow:visible!important;min-height:0!important}

/* claude 2026-07-25 i8: inventory narrow → stack chat BELOW (full-width inventory, no squished column / black gap) */
@media(max-width:1050px){
  body.on-inventory .columns{display:flex!important;flex-direction:column!important;gap:18px!important;height:auto!important}
  body.on-inventory #inventoryPage{width:100%!important;grid-column:auto!important}
  body.on-inventory .chat{width:100%!important;max-width:none!important;grid-column:auto!important;height:auto!important;min-height:360px!important}
}

/* claude 2026-07-25 i9: inventory — glow bg fills the WHOLE view (fixed), so empty area is tinted space not black void */
body.on-inventory{background-image:radial-gradient(1000px 520px at 15% 2%,rgba(139,124,240,.13),transparent 55%),radial-gradient(920px 520px at 92% 14%,rgba(120,80,240,.10),transparent 55%),radial-gradient(820px 520px at 60% 100%,rgba(96,120,255,.07),transparent 60%)!important;background-attachment:fixed!important;background-repeat:no-repeat!important}
body.on-inventory #inventoryPage{background:transparent!important}

/* claude 2026-07-25 i10: inventory bg = dark PURPLE space base (not black) + glows, fills whole view */
body.on-inventory{background:radial-gradient(1100px 620px at 12% 0%,rgba(150,112,255,.17),transparent 56%),radial-gradient(1000px 600px at 93% 12%,rgba(122,82,242,.13),transparent 55%),radial-gradient(950px 580px at 55% 108%,rgba(112,88,242,.13),transparent 60%),linear-gradient(180deg,#191324,#100b18 55%,#160f22)!important;background-attachment:fixed!important;background-repeat:no-repeat!important}

/* claude 2026-07-25 i11: inventory bg = clearly-visible dark purple "space" (base lightened) + stronger glows */
body.on-inventory{background:radial-gradient(1100px 640px at 12% 0%,rgba(155,116,255,.22),transparent 56%),radial-gradient(1000px 620px at 93% 10%,rgba(128,86,246,.17),transparent 55%),radial-gradient(1000px 660px at 50% 110%,rgba(120,92,246,.20),transparent 62%),linear-gradient(165deg,#231a3a,#150f26 55%,#1d1533)!important;background-attachment:fixed!important;background-repeat:no-repeat!important}

/* claude 2026-07-25 i12: glow fills WHOLE viewport (on html via :has) + containers transparent + body fills */
html:has(body.on-inventory){background:radial-gradient(1100px 640px at 12% 0%,rgba(155,116,255,.22),transparent 56%),radial-gradient(1000px 620px at 93% 10%,rgba(128,86,246,.17),transparent 55%),radial-gradient(1000px 660px at 50% 110%,rgba(120,92,246,.20),transparent 62%),linear-gradient(165deg,#231a3a,#150f26 55%,#1d1533)!important;background-attachment:fixed!important;background-repeat:no-repeat!important}
body.on-inventory{min-height:100vh!important;background:transparent!important}
body.on-inventory .app,body.on-inventory main,body.on-inventory .workspace,body.on-inventory .columns,body.on-inventory #inventoryPage{background:transparent!important}

/* claude 2026-07-25 i13: also put the glow on body + min-height (Firefox-safe fallback if :has unsupported) */
body.on-inventory{min-height:100vh!important;background:radial-gradient(1100px 640px at 12% 0%,rgba(155,116,255,.22),transparent 56%),radial-gradient(1000px 620px at 93% 10%,rgba(128,86,246,.17),transparent 55%),radial-gradient(1000px 660px at 50% 110%,rgba(120,92,246,.20),transparent 62%),linear-gradient(165deg,#231a3a,#150f26 55%,#1d1533)!important;background-attachment:fixed!important;background-repeat:no-repeat!important}

/* claude 2026-07-25 i14: revert to the SUBTLE glow (near-black base + gentle purple glows) the user liked — still fills viewport */
html:has(body.on-inventory),body.on-inventory{background:radial-gradient(1000px 560px at 14% 0%,rgba(139,124,240,.14),transparent 55%),radial-gradient(920px 540px at 92% 12%,rgba(120,80,240,.10),transparent 55%),radial-gradient(900px 560px at 55% 108%,rgba(96,110,240,.08),transparent 60%),#0e0b15!important;background-attachment:fixed!important;background-repeat:no-repeat!important}

/* claude 2026-07-25 i15: wide screens — fixed frame, chat pinned, inventory scrolls INSIDE its own frame (not the page) */
@media(min-width:1051px){
  html:has(body.on-inventory){height:100%!important;overflow:hidden!important}
  body.on-inventory{height:100%!important;min-height:0!important;overflow:hidden!important}
  body.on-inventory .workspace{height:calc(100dvh - 72px)!important;min-height:0!important;overflow:hidden!important}
  body.on-inventory .columns{height:100%!important;min-height:0!important;overflow:hidden!important}
  body.on-inventory #inventoryPage{height:100%!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:24px!important}
  body.on-inventory .chat{height:100%!important;min-height:0!important;overflow:hidden!important}
}

/* claude 2026-07-25 i16: smaller inventory cards (more per row, shrink on small displays) */
#inventoryPage .inv-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(112px,8.5vw,150px),1fr))!important;gap:12px!important}
#inventoryPage .inv-item{max-width:none!important;padding:16px 12px 14px!important}
#inventoryPage .inv-item>b{font-size:15px!important}
#inventoryPage .inv-val{font-size:16px!important}

/* claude 2026-07-25 i17: modal item grids resize fluidly with screen/window size (join jackpot + create coinflip) */
#jpJoinModal .jpj-grid,.jpj-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(112px,12vw,150px),1fr))!important;gap:11px!important}

/* claude 2026-07-29 i18: FULLY fluid picker cards (Join Jackpot + Create Coinflip) — scale to ANY screen w/h.
   Root fix: cards were locked to 286px tall + 174px images, so on short/zoomed viewports the whole
   card was taller than the visible slot -> name/value clipped + last column cut off. Now the card height
   follows its content and the image is capped by the SMALLER of width/height budgets via min(). */
.creator-card .catalog-grid,
#jpJoinModal .jpj-grid,#jpJoinModal .catalog-grid{
  grid-template-columns:repeat(auto-fill,minmax(clamp(104px,11.5vw,172px),1fr))!important;
  grid-auto-rows:min-content!important;
  gap:clamp(7px,.8vw,12px)!important;
  align-content:start!important;
}
.creator-card .catalog-item{
  height:auto!important;min-height:0!important;
  grid-template-rows:auto auto auto!important;
  padding:clamp(9px,1vw,16px) clamp(7px,.8vw,13px) clamp(9px,1vw,13px)!important;
  gap:clamp(4px,.5vw,8px)!important;
  align-content:start!important;justify-items:center!important;
}
.creator-card .catalog-item img{
  width:auto!important;
  height:min(174px,22vh,20vw)!important;
  max-width:90%!important;
  object-fit:contain!important;
}
.creator-card .catalog-item>span{text-align:center!important;width:100%!important}
.creator-card .catalog-item>span b{font-size:clamp(11px,1vw,14px)!important}
.creator-card .catalog-item>strong{font-size:clamp(11px,1vw,14px)!important}
.creator-card .catalog-item .cat-half{font-size:clamp(30px,4vw,50px)!important}
/* heading + padding shrink on smaller/shorter screens so the items get the room */
body.on-jackpot #jpJoinModal .jp-join-creator{padding:clamp(15px,2.1vw,28px)!important}
body.on-jackpot #jpJoinModal .jp-join-creator>h2{font-size:clamp(20px,2.6vw,40px)!important;margin-bottom:2px!important}
body.on-jackpot #jpJoinModal .jp-join-creator .jpj-sub{font-size:clamp(11px,1.35vw,15.5px)!important}
/* short viewports (zoomed-in / small laptops): shrink image + trim header/footer so a FULL card
   (image + name + WEAPON + value) fits the grid slot instead of clipping the value off the bottom */
@media(max-height:820px){
  body.on-jackpot #jpJoinModal .jp-join-creator{padding:clamp(12px,1.8vw,20px)!important;height:94dvh!important}
  body.on-jackpot #jpJoinModal .jp-join-creator>h2{font-size:clamp(18px,2.2vw,28px)!important}
  body.on-jackpot #jpJoinModal .jp-join-creator .jpj-sub{font-size:clamp(10px,1.2vw,13px)!important;margin-bottom:0!important}
  body.on-jackpot #jpJoinModal .jp-join-creator .jpj-picker{margin-top:10px!important}
  body.on-jackpot #jpJoinModal .jp-join-creator .jpj-join{min-height:42px!important}
  .creator-card .catalog-item{padding:8px 7px 9px!important;gap:2px!important}
  .creator-card .catalog-item img{height:min(150px,15vh,20vw)!important}
}
@media(max-height:620px){
  .creator-card .catalog-item img{height:min(130px,13vh,19vw)!important}
  body.on-jackpot #jpJoinModal .jp-join-creator>h2{font-size:clamp(17px,2vw,23px)!important}
}
/* narrow screens (phones / heavy zoom): the wrapper's own 16px padding was eating into the card's
   100vw-18 width, pushing the card wider than the viewport (right column + close button cut off).
   Shrink the wrapper padding and cap the card so it fits the viewport exactly. */
@media(max-width:760px){
  #jpJoinModal.modal{padding:8px!important}
  body.on-jackpot #jpJoinModal .jp-join-creator{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important}
}

/* ============================================================================
   claude 2026-07-29 SCALE MODE (html.gf-scale) — the whole site is ONE fixed
   1600px-wide canvas scaled by JS to fill any display. Same layout/proportions
   on every monitor & zoom; nothing reflows. Here we: (1) pin viewport-HEIGHT
   rules to % of the scaled canvas (vh/dvh reference the real viewport, which is
   wrong once scaled), (2) hold the desktop shell so real-viewport media queries
   can't reflow it, (3) freeze the item picker to a fixed grid.
   ============================================================================ */
html.gf-scale{overflow:hidden!important;background:#0e0b15}
html.gf-scale body{margin:0!important;overflow:hidden!important;position:relative!important;min-height:0!important;max-width:none!important}

/* hold the desktop shell no matter the real viewport width (suppress mobile breakpoints).
   LEFT RAIL REMOVED (redundant with the top nav) — single full-width column. */
html.gf-scale .app{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;transform:none!important;margin:0!important}
html.gf-scale .rail{display:none!important}
html.gf-scale main{display:grid!important;grid-template-rows:80px minmax(0,1fr)!important;padding:0 24px!important;height:100%!important;min-height:0!important}
html.gf-scale main>header{display:flex!important}
/* NOTE: do NOT force .crumb/.online/.open-count visible — the desktop header hides them by design
   (refine.css intentionally hides .header-right>.online); forcing them made "Race" collide with the
   online indicator. The mobile breakpoint hiding them at tiny real-widths is fine. */
html.gf-scale .workspace{display:grid!important;grid-template-rows:70px minmax(0,1fr)!important;max-width:none!important;width:100%!important;margin:0!important;height:100%!important;min-height:0!important}
/* page title sits close to the content below (was a tall 102px row with dead space under the title) */
html.gf-scale .page-title{align-self:end!important;padding-bottom:2px!important}
html.gf-scale .columns{display:grid!important;grid-template-columns:minmax(0,1fr) 400px!important;grid-template-rows:minmax(0,1fr)!important;gap:16px!important;height:100%!important;min-height:0!important;align-items:stretch!important;overflow:hidden!important}
/* chat: roomier message spacing + hairline separators so the panel reads clean and full */
html.gf-scale .chat .messages{padding:6px 18px!important}
html.gf-scale .chat .messages article{padding:15px 2px!important;gap:13px!important;border-bottom:1px solid rgba(255,255,255,.05)!important;align-items:center!important}
html.gf-scale .chat .messages article:last-child{border-bottom:0!important}
html.gf-scale .chat .messages p{font-size:14px!important;line-height:1.35!important}
/* fixed-frame columns: left list scrolls internally, chat fills the full height with input pinned.
   mask fades the last row out at the bottom edge instead of a hard cut. */
html.gf-scale .game-list{height:100%!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;align-self:stretch!important;padding-bottom:40px!important;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 44px),transparent)!important;mask-image:linear-gradient(to bottom,#000 calc(100% - 44px),transparent)!important}
html.gf-scale .game-list>.list-head{position:sticky!important;top:0!important;z-index:3!important;background:#101015!important}
html.gf-scale .chat{align-self:stretch!important;overflow:hidden!important}
html.gf-scale .chat .messages{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important}
html.gf-scale .labels{display:grid!important}
html.gf-scale .page-actions{width:auto!important;overflow:visible!important}

/* pin every viewport-height layout to the scaled canvas (was 100dvh / calc(100dvh-N)).
   NOTE: never set body height here — the scaler owns it via inline !important. We only kill the
   100vh/100dvh min-heights that would otherwise stretch the body past the scaled canvas. */
html.gf-scale body.on-inventory,html.gf-scale body.on-jackpot{min-height:0!important}
html.gf-scale body.on-inventory .workspace,html.gf-scale body.on-jackpot .workspace{height:100%!important;min-height:0!important}
html.gf-scale body.on-inventory .columns{height:100%!important;min-height:0!important}
html.gf-scale body.on-inventory #inventoryPage{height:100%!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;padding-bottom:24px!important}
html.gf-scale body.on-inventory .chat,html.gf-scale .chat{height:100%!important;min-height:0!important}
html.gf-scale #jackpotPage{height:100%!important;min-height:0!important;overflow-y:auto!important}

/* modals: overlay = the scaled canvas; card height capped as % of it (no vh) */
html.gf-scale .modal{position:fixed!important;inset:0!important;width:auto!important;height:auto!important;place-items:center!important}
html.gf-scale .modal>section,html.gf-scale .modal .creator-card,html.gf-scale .modal .jpj-card,html.gf-scale .modal .viewer-card,html.gf-scale .modal .set-card,html.gf-scale .modal .bot-card,html.gf-scale .modal .myflips-card,html.gf-scale .modal .fd-card,html.gf-scale .modal .pf-card,html.gf-scale .modal .jpd-card,html.gf-scale .modal .profile-card{max-height:90%!important;max-width:1400px!important}
html.gf-scale #jpJoinModal.modal{padding:16px!important}
html.gf-scale #jpJoinModal .jp-join-creator{width:1160px!important;max-width:1160px!important;height:820px!important;max-height:90%!important;padding:28px!important}
html.gf-scale #jpJoinModal .jp-join-creator>h2{font-size:32px!important}
html.gf-scale #jpJoinModal .jp-join-creator .jpj-sub{font-size:12px!important;margin-bottom:0!important}

/* freeze the picker to a fixed 6-column grid + fixed card/image size (no fluid reflow) */
html.gf-scale .creator-card .catalog-grid,html.gf-scale #jpJoinModal .jpj-grid,html.gf-scale #jpJoinModal .catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-auto-rows:286px!important;gap:12px!important}
html.gf-scale .creator-card .catalog-item{height:286px!important;min-height:286px!important;grid-template-rows:192px 42px 24px!important;padding:9px!important;gap:0!important}
html.gf-scale .creator-card .catalog-item img{width:174px!important;height:174px!important}
html.gf-scale .creator-card .catalog-item>span b{font-size:14px!important}
html.gf-scale .creator-card .catalog-item>strong{font-size:14px!important}
html.gf-scale .creator-card .catalog-item .cat-half{font-size:50px!important}

/* INVENTORY BG: use the SAME `main` gradient as the coinflip page so the content area + top bar blend
   seamlessly (was flat #0a0a0d, which left a seam below the tinted top bar). */
html.gf-scale body.on-inventory main{background:linear-gradient(180deg,#15131a 0%,#121118 34%,#121118 100%)!important}
html.gf-scale body.on-inventory .workspace,html.gf-scale body.on-inventory .columns,html.gf-scale body.on-inventory #inventoryPage{background:transparent!important;background-image:none!important}
html.gf-scale:has(body.on-inventory),html.gf-scale body.on-inventory{background:#121118!important;background-image:none!important}
/* affiliates/race already inherit the main gradient — just keep their body behind it consistent */
html.gf-scale:has(body.on-affiliates),html.gf-scale body.on-affiliates,html.gf-scale:has(body.on-race),html.gf-scale body.on-race{background:#121118!important;background-image:none!important}
html.gf-scale body.on-affiliates #affiliatesPage,html.gf-scale body.on-race #racePage{background:transparent!important}
/* TOP BAR blends into the page (looks "full") — drop the hard separator line under the header */
html.gf-scale main>header{border-bottom:0!important}
/* LIVE CHAT: defined side panel again — solid dark panel + a visible hairline against the dark bg */
html.gf-scale .chat{background:#101015!important;border:1px solid #2a2833!important}

/* ============================================================================
   claude 2026-07-30: AFFILIATES + RACE pages, LEADERBOARD modal, header icons.
   Flat tinted-glass panels + hairlines + purple accents (design taste); no glow.
   ============================================================================ */
/* header mini-icons */
.header-icons{display:flex;align-items:center;gap:8px;margin-right:14px}
.hicon{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #2b2838;border-radius:12px;background:#15131c;color:#c4b9d8;cursor:pointer;text-decoration:none;transition:color .14s,border-color .14s,background .14s,box-shadow .14s}
.hicon:hover{color:#fff;border-color:#6e4ff0;background:#1f1b2b;box-shadow:0 0 0 3px rgba(110,79,240,.13)}
.hicon svg{width:22px;height:22px;display:block}
#navLeaderboard{color:#e7c765}
#navLeaderboard:hover{color:#ffd873;border-color:#7a662f;box-shadow:0 0 0 3px rgba(233,199,73,.12)}

/* HEADER: fuller + reaches the corners (was small/sparse/inset). Less side padding + bigger elements. */
html.gf-scale main{padding:0 24px!important}
html.gf-scale main>header{align-items:center!important;gap:34px!important}
html.gf-scale .top-brand{font-size:21px!important;gap:15px!important}
html.gf-scale .top-brand img{width:60px!important;height:60px!important;border-radius:13px!important}
html.gf-scale .top-nav{gap:8px!important}
html.gf-scale .top-nav button{font-size:20px!important;padding:0 16px!important;letter-spacing:.01em!important}
html.gf-scale .header-right{gap:16px!important}
html.gf-scale .balance{padding:13px 17px!important;border-radius:9px!important}
html.gf-scale .balance small{font-size:9.5px!important}
html.gf-scale .balance b{font-size:19px!important}
html.gf-scale .balance strong{font-size:20px!important}
html.gf-scale .account{font-size:17px!important}
html.gf-scale .account img{width:50px!important;height:50px!important;border-radius:9px!important}
html.gf-scale .account .account-level{font-size:9.5px!important}
html.gf-scale .account .account-rank{font-size:0!important}

/* page containers fill the frame + scroll internally (like inventory) */
html.gf-scale #affiliatesPage,html.gf-scale #racePage{height:100%!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;align-self:stretch!important;padding:2px 4px 44px!important}
html.gf-scale:has(body.on-affiliates),html.gf-scale body.on-affiliates,html.gf-scale:has(body.on-race),html.gf-scale body.on-race{background:#0a0a0d!important;background-image:none!important}

/* shared page primitives */
.pg-wrap{display:flex;flex-direction:column;gap:16px;color:#e9e5f4;font-family:Manrope,'Segoe UI',system-ui,Arial,sans-serif}
.pg-wrap *{box-sizing:border-box}
.pg-panel{background:#101015;border:1px solid #23222b;border-radius:11px}
.pg-eyebrow{margin:0;font:800 11px/1 "DM Mono",monospace;letter-spacing:.15em;color:#a98fd0}
.pg-h3{margin:0 0 15px;font:800 19px/1 "Space Grotesk",sans-serif;color:#fbf9ff}
.pg-av{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#241d33;border:1px solid rgba(255,255,255,.1);flex:none}
.pg-youtag{display:inline-block;margin-left:7px;padding:2px 7px;border-radius:5px;background:#6e4ff0;color:#fff;font:800 9px/1.5 "DM Mono",monospace;letter-spacing:.05em;vertical-align:middle}

/* AFFILIATES */
.aff-top{display:grid;grid-template-columns:1.7fr 1fr;gap:16px}
.aff-code-card{padding:24px}
.aff-code-row{display:flex;align-items:center;gap:10px;margin-top:9px}
.aff-code{flex:1;min-width:0;padding:14px 16px;border-radius:8px;background:#17151e;border:1px dashed #4a4160;color:#fff;font:800 22px/1 "Space Grotesk",sans-serif;letter-spacing:.02em}
.aff-link{flex:1;min-width:0;padding:15px 16px;border-radius:8px;background:#17151e;border:1px solid #2b2836;color:#c9bfe0;font:600 15px/1 "DM Mono",monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aff-copy{flex:none;padding:0 18px;height:48px;border:0;border-radius:8px;background:#6e4ff0;color:#fff;font:800 12px/1 "DM Mono",monospace;letter-spacing:.04em;cursor:pointer}
.aff-copy:hover{background:#7d61ff}
.aff-note{margin:18px 0 0;color:#9d92ac;font-size:13.5px;line-height:1.5}.aff-note b{color:#cdb3ff}
.aff-claim-card{padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.aff-claim-val{display:flex;align-items:center;gap:9px;margin:10px 0 16px;font:800 40px/1 "Space Grotesk",sans-serif;color:#e9ddff}
.aff-claim-val .g-coin{width:32px;height:32px}
.aff-claim-btn{width:100%;padding:15px;border:0;border-radius:9px;background:#6e4ff0;color:#fff;font:800 13px/1 "DM Mono",monospace;letter-spacing:.05em;cursor:pointer}
.aff-claim-btn:hover{background:#7d61ff}
.aff-claim-sub{margin-top:12px;color:#8a819c;font:600 11.5px/1 "DM Mono",monospace}
.aff-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.aff-stat{padding:20px}
.aff-stat p{margin:0 0 10px;font:800 10.5px/1 "DM Mono",monospace;letter-spacing:.12em;color:#8f86a3}
.aff-stat b{display:flex;align-items:center;gap:7px;font:800 26px/1 "Space Grotesk",sans-serif;color:#f4f0fb}
.aff-stat b .g-coin{width:22px;height:22px}
.aff-cols{display:grid;grid-template-columns:1fr 1.5fr;gap:16px;align-items:start}
.aff-how{padding:24px}
.aff-step{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.aff-step:last-child{border-bottom:0;padding-bottom:0}
.aff-step-n{flex:none;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:rgba(110,79,240,.16);border:1px solid rgba(139,124,240,.4);color:#c9b6ff;font:800 15px/1 "Space Grotesk",sans-serif}
.aff-step-b b{display:block;color:#f4f0fb;font:800 15px/1.2 "Space Grotesk",sans-serif;margin-bottom:4px}
.aff-step-b p{margin:0;color:#9d92ac;font-size:13px;line-height:1.45}
.aff-referrals{padding:22px 24px;min-width:0}
.aff-rtable{display:flex;flex-direction:column}
.aff-rrow{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:10px;align-items:center;padding:12px 6px;border-bottom:1px solid rgba(255,255,255,.05)}
.aff-rrow:last-child{border-bottom:0}
.aff-rhead{padding-top:0}
.aff-rhead span{font:800 10px/1 "DM Mono",monospace;letter-spacing:.11em;color:#7d768c}
.aff-rname{display:flex;align-items:center;gap:11px;font:800 14px/1 "Space Grotesk",sans-serif;color:#f2eefb;min-width:0}
.aff-rjoin{color:#8f86a3;font:600 12.5px/1 "DM Mono",monospace}
.aff-rwag,.aff-rearn{display:flex;align-items:center;gap:6px;font:800 14.5px/1 "Space Grotesk",sans-serif}
.aff-rwag{color:#cdb3ff}.aff-rearn{color:#8fe6c6}
.aff-rwag .g-coin,.aff-rearn .g-coin{width:17px;height:17px}

/* RACE */
.race-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 28px}
.race-pool{margin:8px 0;display:flex;align-items:center;gap:10px;font:800 38px/1 "Space Grotesk",sans-serif;color:#fbf9ff}
.race-pool .g-coin{width:34px;height:34px}
.race-pool span{font:700 16px/1 Manrope,sans-serif;color:#9d92ac;letter-spacing:0}
.race-sub{margin:0;max-width:660px;color:#9d92ac;font-size:13.5px;line-height:1.55}
.race-sub .g-coin{width:14px;height:14px;vertical-align:-2px}
.race-timer{flex:none;text-align:right}
.race-timer b{display:block;margin-top:8px;font:800 34px/1 "Space Grotesk",sans-serif;color:#ffcf5a;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.race-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:end}
.race-pod{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 18px 24px;position:relative;text-align:center}
.race-pod .pg-av{width:64px;height:64px;margin-bottom:2px}
.race-pod-1{padding-top:44px;border-color:#7a5cff!important;box-shadow:inset 0 0 0 1px rgba(139,124,240,.4)}
.race-pod-1 .pg-av{width:80px;height:80px;border-color:#c9b6ff}
.race-medal{position:absolute;top:-16px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:800 15px/1 "Space Grotesk",sans-serif;color:#1a1424;border:2px solid #0a0a0d}
.race-pod-1 .race-medal{background:#ffcf5a;width:40px;height:40px;font-size:17px;top:-20px}
.race-pod-2 .race-medal{background:#c9d0e0}
.race-pod-3 .race-medal{background:#d99a5a}
.race-pod-name{font:800 18px/1 "Space Grotesk",sans-serif;color:#fbf9ff}
.race-pod-wag{color:#8f86a3;font:600 12px/1.2 "DM Mono",monospace;display:flex;align-items:center;gap:5px}
.race-pod-wag .g-coin{width:13px;height:13px}
.race-pod-prize{margin-top:3px;display:flex;align-items:center;gap:6px;font:800 20px/1 "Space Grotesk",sans-serif;color:#8fe6c6}
.race-pod-prize .g-coin{width:18px;height:18px}
.race-board{padding:8px 12px 6px}
.race-row{display:grid;grid-template-columns:60px 1.7fr 1fr 1fr;gap:12px;align-items:center;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.05)}
.race-row:last-child{border-bottom:0}
.race-bhead span{font:800 10px/1 "DM Mono",monospace;letter-spacing:.11em;color:#7d768c}
.race-rk{font:800 15px/1 "Space Grotesk",sans-serif;color:#8f86a3}
.race-pl{display:flex;align-items:center;gap:11px;font:800 14.5px/1 "Space Grotesk",sans-serif;color:#f2eefb;min-width:0}
.race-wg{display:flex;align-items:center;gap:6px;color:#cdb3ff;font:800 14.5px/1 "Space Grotesk",sans-serif}
.race-pz{display:flex;align-items:center;gap:6px;color:#8fe6c6;font:800 14.5px/1 "Space Grotesk",sans-serif}
.race-wg .g-coin,.race-pz .g-coin{width:16px;height:16px}
.race-you{background:rgba(110,79,240,.1);border-radius:8px;box-shadow:inset 0 0 0 1px rgba(139,124,240,.3)}

/* LEADERBOARD modal */
html.gf-scale #lbModal.modal{padding:16px!important}
html.gf-scale #lbModal .lb-card{max-height:88%!important}
.lb-card{position:relative;width:min(560px,94vw);max-height:88vh;overflow-y:auto;background:#15121e;border:1px solid rgba(255,255,255,.09);border-radius:12px;box-shadow:0 28px 82px rgba(0,0,0,.62);padding:26px 26px 20px;color:#e9e5f4;font-family:Manrope,'Segoe UI',system-ui,Arial,sans-serif}
.lb-card .close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#aba5b1;font-size:24px;cursor:pointer;line-height:1}
.lb-title{margin:5px 0 3px;font:800 27px/1 "Space Grotesk",sans-serif;color:#fbf9ff}
.lb-sub{margin:0 0 16px;color:#9d92ac;font-size:13px}
.lb-list{display:flex;flex-direction:column}
.lb-row{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:12px 8px;border-bottom:1px solid rgba(255,255,255,.05)}
.lb-row:last-child{border-bottom:0}
.lb-head span{font:800 10px/1 "DM Mono",monospace;letter-spacing:.11em;color:#7d768c}
.lb-rk{font:800 16px/1 "Space Grotesk",sans-serif;color:#8f86a3;text-align:center}
.lb-rk-1{color:#ffcf5a}.lb-rk-2{color:#c9d0e0}.lb-rk-3{color:#d99a5a}
.lb-pl{display:flex;align-items:center;gap:11px;font:800 14.5px/1 "Space Grotesk",sans-serif;color:#f2eefb;min-width:0}
.lb-pf{display:flex;align-items:center;gap:6px;font:800 15px/1 "Space Grotesk",sans-serif;color:#8fe6c6}
.lb-pf .g-coin{width:17px;height:17px}
.lb-you{background:rgba(110,79,240,.1);border-radius:8px;box-shadow:inset 0 0 0 1px rgba(139,124,240,.3)}

/* claude 2026-07-30: BRAND = GF mark icon + text name (Godly white / Flip purple, subtle glow). */
html.gf-scale .top-brand{align-items:center!important;gap:12px!important}
html.gf-scale .top-brand .brand-mark{height:52px!important;width:auto!important;max-width:66px!important;object-fit:contain!important;mix-blend-mode:screen!important;flex:none!important;border-radius:0!important}
html.gf-scale .top-brand b.brand-name{display:inline-flex!important;align-items:center!important;font:800 27px/1 "Space Grotesk",sans-serif!important;letter-spacing:.004em!important;color:#fff!important;text-shadow:0 0 15px rgba(150,105,255,.5),0 0 30px rgba(139,92,246,.24)!important}
html.gf-scale .top-brand b.brand-name span{color:#a56bff!important;text-shadow:0 0 15px rgba(165,107,255,.75),0 0 32px rgba(139,92,246,.42)!important}

/* claude 2026-07-30: thinner, muted scrollbars (were 10px bright purple = huge under 1.75x scale) */
html.gf-scale ::-webkit-scrollbar{width:6px!important;height:6px!important}
html.gf-scale ::-webkit-scrollbar-thumb{background:rgba(139,110,205,.4)!important;border:0!important;border-radius:8px!important}
html.gf-scale ::-webkit-scrollbar-thumb:hover{background:rgba(152,122,222,.62)!important}
html.gf-scale ::-webkit-scrollbar-track{background:transparent!important}
html.gf-scale *{scrollbar-width:thin!important;scrollbar-color:rgba(139,110,205,.45) transparent!important}

/* claude 2026-07-30: lobby player HOVER — no full box; highlight just the NAME or AVATAR being hovered */
html.gf-scale .lobby .player.matched>.live-match-player:hover,
html.gf-scale .lobby .player.matched>.live-match-player:focus-visible{background:transparent!important;box-shadow:none!important}
html.gf-scale .lobby .player.matched>.live-match-player:hover img,
html.gf-scale .lobby .player.matched>.live-match-player:focus-visible img{border-color:#4b4654!important}
html.gf-scale .lobby .player b:hover{color:#cbb0ff!important;cursor:pointer}
html.gf-scale .lobby .player img:hover{border-color:#9567e5!important;box-shadow:0 0 0 2px rgba(149,103,229,.55)!important;cursor:pointer}

/* claude 2026-07-30: list-head stays at top cleanly — was semi-transparent (rgba .7) so scrolling
   lobby rows (weapon img + VIEW/IN PLAY) bled THROUGH it. Opaque bg + higher z-index. */
html.gf-scale .game-list>.list-head{z-index:30!important;background:linear-gradient(90deg,#141220,#121118)!important}
html.gf-scale .game-list>#recentFlips{background:#101015!important}

/* claude 2026-07-30: LEADERBOARD overhaul — wider, squared, purple values, tabs, pages, rank crest, hover-highlight */
#lbModal .lb-card{width:min(680px,95vw)!important;max-width:680px!important;border-radius:8px!important;padding:24px 24px 18px!important}
html.gf-scale #lbModal .lb-card{max-height:90%!important}
.lb-card .lb-title{margin:5px 0 2px!important;font:800 28px/1 "Space Grotesk",sans-serif!important;color:#fbf9ff!important}
.lb-tabs{display:flex;gap:8px;margin:16px 0 14px}
.lb-tab{flex:1;padding:11px 6px;border:1px solid #2b2836;border-radius:6px;background:#141220;color:#9d92ac;font:800 11px/1 "DM Mono",monospace;letter-spacing:.04em;cursor:pointer;transition:color .12s,border-color .12s,background .12s;white-space:nowrap}
.lb-tab:hover{color:#cdbce8;border-color:#42394f}
.lb-tab.active{background:#6e4ff0;border-color:#6e4ff0;color:#fff}
.lb-list{display:flex;flex-direction:column}
.lb-row{display:grid!important;grid-template-columns:50px 1fr auto!important;gap:12px!important;align-items:center!important;padding:11px 9px!important;border-bottom:1px solid rgba(255,255,255,.055)!important;border-radius:5px!important}
.lb-row:last-child{border-bottom:0!important}
.lb-head{padding-top:0!important;padding-bottom:9px!important}
.lb-head span{font:800 10px/1 "DM Mono",monospace!important;letter-spacing:.11em!important;color:#7d768c!important}
.lb-head span:last-child{text-align:right}
.lb-rk{font:800 17px/1 "Space Grotesk",sans-serif!important;color:#8f86a3!important;text-align:center}
.lb-rk-1{color:#ffcf5a!important}.lb-rk-2{color:#c9d0e0!important}.lb-rk-3{color:#d99a5a!important}
.lb-pl{display:inline-flex!important;align-items:center!important;gap:12px!important;min-width:0!important;background:transparent!important;border:0!important;padding:0!important;cursor:pointer!important;color:inherit!important;text-align:left!important}
.lb-avwrap{position:relative;flex:none;width:38px;height:38px;border-radius:50%}
.lb-avwrap .pg-av{width:38px!important;height:38px!important;transition:box-shadow .12s,border-color .12s}
.lb-avwrap:hover .pg-av{border-color:#9567e5!important;box-shadow:0 0 0 2px rgba(149,103,229,.6)!important}
.lb-name{font:800 15.5px/1 "Space Grotesk",sans-serif!important;color:#f2eefb!important;white-space:nowrap;transition:color .12s}
.lb-name:hover{color:#c9a4ff!important}
.lb-rank{width:19px!important;height:19px!important;object-fit:contain;flex:none}
.lb-pf{display:inline-flex!important;align-items:center!important;gap:6px!important;font:800 16px/1 "Space Grotesk",sans-serif!important;color:#c39bff!important;justify-self:end}
.lb-pf .g-coin{width:17px!important;height:17px!important}
.lb-you{background:rgba(110,79,240,.12)!important;box-shadow:inset 0 0 0 1px rgba(139,124,240,.34)!important;border-bottom:0!important}
.lb-pager{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px}
.lb-page{min-width:32px;height:32px;padding:0 8px;border:1px solid #2b2836;border-radius:5px;background:#141220;color:#b3a7c6;font:800 12px/1 "Space Grotesk",sans-serif;cursor:pointer;transition:color .12s,border-color .12s,background .12s}
.lb-page:hover:not(:disabled){border-color:#5b4b7d;color:#fff}
.lb-page.active{background:#6e4ff0;border-color:#6e4ff0;color:#fff}
.lb-page:disabled{opacity:.35;cursor:default}

/* scale-aware weapon tooltip (hide the broken built-in ones) */
.weapon-tooltip{display:none!important}
.gf-wtip{position:fixed;z-index:9999;transform:translateX(-50%);padding:7px 12px;border-radius:6px;background:#1b1826;border:1px solid #3a3450;color:#efe9f6;font:700 12.5px/1 "Space Grotesk",sans-serif;white-space:nowrap;pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,.55)}
.gf-wtip[hidden]{display:none}

/* balance label bigger so "BALANCE" fits comfortably */
html.gf-scale .balance small{font-size:12.5px!important;letter-spacing:.07em!important;white-space:nowrap!important;color:#b6a9cc!important}

/* ===== claude 2026-07-30 batch: header, bar, leaderboard, announcement ===== */
/* header icons: no box, just the icon */
html.gf-scale .header-icons{gap:14px!important;margin-right:16px!important}
html.gf-scale .hicon{border:0!important;background:transparent!important;box-shadow:none!important;width:auto!important;height:auto!important;padding:6px!important;border-radius:0!important}
html.gf-scale .hicon:hover{background:transparent!important;box-shadow:none!important;color:#fff!important;transform:translateY(-1px)}
html.gf-scale .hicon svg{width:26px!important;height:26px!important}
html.gf-scale #navLeaderboard{color:#e7c765!important}
html.gf-scale #navLeaderboard:hover{color:#ffd873!important;box-shadow:none!important}
/* account avatar = circle; balance a tad bigger; top bar reaches the corners */
html.gf-scale .account img{border-radius:50%!important}
html.gf-scale .balance{padding:13px 18px!important}
html.gf-scale .balance b{font-size:21px!important}
html.gf-scale .balance strong{font-size:22px!important}
html.gf-scale main{padding:0 18px!important}
/* OPEN GAMES bar: neutral dark (was too blue/purple) */
html.gf-scale .game-list>.list-head{background:linear-gradient(90deg,#161518,#121215)!important}
/* page title: a little breathing room back */
html.gf-scale .workspace{grid-template-rows:92px minmax(0,1fr)!important}
html.gf-scale .page-title{align-self:center!important;padding-bottom:0!important}

/* announcement banner (weekly race) */
.gf-announce{display:flex;align-items:center;gap:14px;padding:13px 18px;background:linear-gradient(90deg,rgba(110,79,240,.13),rgba(110,79,240,.02));border-bottom:1px solid rgba(139,124,240,.2)}
.gf-announce-ico{font-size:22px;flex:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}
.gf-announce-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.gf-announce-txt b{font:800 14.5px/1.25 "Space Grotesk",sans-serif;color:#f4f0fb}
.gf-announce-hl{color:#c9a4ff}
.gf-announce-txt small{color:#a99fc0;font-size:12px}
.gf-announce-cta{flex:none;padding:9px 16px;border:1px solid #6e4ff0;border-radius:6px;background:#6e4ff0;color:#fff;font:800 11px/1 "DM Mono",monospace;letter-spacing:.05em;cursor:pointer}
.gf-announce-cta:hover{background:#7d61ff}
.gf-announce-x{flex:none;border:0;background:transparent;color:#8f86a3;font-size:22px;line-height:1;cursor:pointer;padding:0 4px}
.gf-announce-x:hover{color:#fff}

/* leaderboard: squarer corners, better YOU row, ellipsis + jump pager, profile opens ON TOP */
#lbModal.modal{z-index:6300!important}
#profile.modal{z-index:6700!important}
#lbModal .lb-card{border-radius:6px!important}
.lb-row{border-radius:4px!important}
.lb-tab{border-radius:4px!important}
.lb-page{border-radius:4px!important}
.lb-you{background:linear-gradient(90deg,rgba(110,79,240,.19),rgba(110,79,240,.05))!important;box-shadow:inset 3px 0 #8b7cf0!important;border-radius:4px!important}
.lb-youtag{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:4px;background:#6e4ff0;color:#fff;font:800 9.5px/1.6 "DM Mono",monospace;letter-spacing:.06em;vertical-align:middle}
.lb-ellip{display:inline-flex;align-items:center;padding:0 3px;color:#6f6980;font:800 14px/1 "Space Grotesk",sans-serif}
.lb-jump{display:inline-flex;align-items:center;gap:4px;margin:0 2px}
.lb-jump-in{width:44px;height:32px;text-align:center;border:1px solid #2b2836;border-radius:4px;background:#141220;color:#e9e5f4;font:800 12px/1 "Space Grotesk",sans-serif;outline:none}
.lb-jump-in:focus{border-color:#6e4ff0}
.lb-jump-go{min-width:32px!important}

/* claude 2026-07-30: profile-hover UNIFIED with live chat (name brightens+glows, avatar brightens+glows+lifts) */
html.gf-scale .lb-name,html.gf-scale .lb-avwrap .pg-av,html.gf-scale .lobby .player b,html.gf-scale .lobby .player img{transition:color .16s,filter .16s,transform .16s,text-shadow .16s!important}
html.gf-scale .lb-name:hover,html.gf-scale .lobby .player b:hover{color:#f0dcff!important;text-shadow:0 0 11px rgba(188,113,255,.45)!important;cursor:pointer}
html.gf-scale .lb-avwrap:hover .pg-av,html.gf-scale .lobby .player img:hover{border-color:rgba(255,255,255,.12)!important;box-shadow:none!important;filter:brightness(1.22) drop-shadow(0 0 8px rgba(179,109,255,.46))!important;transform:translateY(-1px)!important;cursor:pointer}

/* announcement = its own separated card (not merged w/ OPEN GAMES) + nicer */
#gfAnnounce.gf-announce{margin:13px!important;padding:13px 16px!important;border:1px solid rgba(139,124,240,.28)!important;border-radius:10px!important;background:linear-gradient(90deg,rgba(110,79,240,.16),rgba(110,79,240,.03))!important;box-shadow:0 5px 16px rgba(0,0,0,.24)!important}
#gfAnnounce .gf-announce-ico{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:10px!important;background:rgba(110,79,240,.2)!important;border:1px solid rgba(139,124,240,.38)!important;font-size:20px!important;flex:none!important}

/* leaderboard period toggle (weekly / monthly / all-time) */
.lb-period{display:flex;gap:6px;margin:14px 0 12px}
.lb-per{flex:1;padding:7px 6px;border:1px solid #24222e;border-radius:4px;background:#100f16;color:#8f86a3;font:800 9.5px/1 "DM Mono",monospace;letter-spacing:.06em;cursor:pointer;transition:color .12s,border-color .12s,background .12s}
.lb-per:hover{color:#c9bce0;border-color:#3a3346}
.lb-per.active{background:#241d38;border-color:#5b4b7d;color:#e3d3ff}
.lb-tabs{margin-top:0!important}

/* claude 2026-07-30: OPEN GAMES bar PINNED — list-head is a fixed flex header, rows scroll in .gl-scroll
   (cross-browser; position:sticky was flaky in Firefox under the body transform + mask). */
html.gf-scale .game-list{display:flex!important;flex-direction:column!important;overflow:hidden!important;-webkit-mask-image:none!important;mask-image:none!important}
html.gf-scale .game-list>.gf-announce{flex:none!important}
html.gf-scale .game-list>.list-head{flex:none!important;position:static!important}
html.gf-scale .game-list>.gl-scroll{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 40px),transparent)!important;mask-image:linear-gradient(to bottom,#000 calc(100% - 40px),transparent)!important}

/* announcement — polished: left accent bar, gradient icon badge, stronger CTA */
#gfAnnounce.gf-announce{gap:15px!important;padding:14px 18px 14px 20px!important;background:linear-gradient(100deg,rgba(120,86,255,.19),rgba(110,79,240,.045) 62%,rgba(110,79,240,.02))!important;border:1px solid rgba(139,124,240,.32)!important;position:relative!important;overflow:hidden!important}
#gfAnnounce.gf-announce::before{content:''!important;position:absolute!important;left:0;top:0;bottom:0;width:3px!important;background:linear-gradient(180deg,#a56bff,#6e4ff0)!important}
#gfAnnounce .gf-announce-ico{background:linear-gradient(135deg,rgba(150,108,255,.34),rgba(110,79,240,.13))!important;border:1px solid rgba(162,132,255,.42)!important}
#gfAnnounce .gf-announce-txt b{font-size:15px!important}
#gfAnnounce .gf-announce-cta{padding:10px 18px!important;box-shadow:0 4px 14px rgba(110,79,240,.32)!important}

/* claude 2026-07-30: announcement pulled OUT of the games box → full-width banner above the columns
   (coinflip-only). Kill the purple side-bar; SVG trophy (gold) instead of the emoji. */
html.gf-scale .workspace{grid-template-rows:92px auto minmax(0,1fr)!important}
html.gf-scale body.on-inventory #gfAnnounce,html.gf-scale body.on-jackpot #gfAnnounce,html.gf-scale body.on-affiliates #gfAnnounce,html.gf-scale body.on-race #gfAnnounce{display:none!important}
html.gf-scale .workspace>#gfAnnounce.gf-announce{margin:0 0 14px!important;padding:13px 18px!important;border-radius:10px!important;background:linear-gradient(100deg,rgba(120,86,255,.15),rgba(110,79,240,.035) 62%,rgba(110,79,240,.015))!important;border:1px solid rgba(139,124,240,.26)!important}
#gfAnnounce.gf-announce::before{display:none!important;content:none!important}
#gfAnnounce .gf-announce-ico{background:rgba(231,199,101,.13)!important;border:1px solid rgba(231,199,101,.32)!important;color:#e7c765!important;font-size:0!important}
#gfAnnounce .gf-announce-ico svg{width:22px!important;height:22px!important;display:block!important;color:#e7c765!important}

/* claude 2026-07-30: announcement — no icon/emoji; "RACE" tag + prize thumbnails centered to fill the empty middle; compact */
html.gf-scale .workspace>#gfAnnounce.gf-announce{display:flex!important;align-items:center!important;gap:16px!important;padding:12px 16px!important;margin:0 0 14px!important}
#gfAnnounce .gf-announce-tag{flex:none!important;padding:6px 11px!important;border-radius:5px!important;background:rgba(110,79,240,.2)!important;border:1px solid rgba(139,124,240,.42)!important;color:#c9a4ff!important;font:800 10px/1 "DM Mono",monospace!important;letter-spacing:.11em!important}
#gfAnnounce .gf-announce-txt{flex:none!important;gap:3px!important}
#gfAnnounce .gf-announce-prizes{flex:1 1 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;min-width:0!important}
#gfAnnounce .gf-announce-prizes img{height:44px!important;width:auto!important;max-width:88px!important;object-fit:contain!important;filter:drop-shadow(0 3px 7px rgba(0,0,0,.5))!important}

/* claude 2026-07-31: announcement — cooler, no boxy bg (subtle glow only), bigger prize guns, premium badge/CTA */
html.gf-scale .workspace>#gfAnnounce.gf-announce{padding:14px 22px!important;margin:0 0 14px!important;border:0!important;border-radius:12px!important;box-shadow:none!important;background:radial-gradient(700px 140px at 66% 55%,rgba(139,92,246,.15),transparent 72%),linear-gradient(90deg,rgba(139,92,246,.08),rgba(139,92,246,.012) 55%,transparent)!important;position:relative!important;overflow:visible!important}
#gfAnnounce.gf-announce::before{display:none!important;content:none!important}
#gfAnnounce.gf-announce::after{content:''!important;position:absolute!important;left:16px;right:16px;bottom:0;height:1px!important;background:linear-gradient(90deg,transparent,rgba(139,124,240,.26),transparent)!important}
#gfAnnounce .gf-announce-tag{padding:6px 12px!important;border-radius:6px!important;background:linear-gradient(135deg,#7d5cff,#6a4ff0)!important;border:0!important;color:#fff!important;font:800 10px/1 "DM Mono",monospace!important;letter-spacing:.12em!important;box-shadow:0 3px 12px rgba(110,79,240,.4)!important}
#gfAnnounce .gf-announce-prizes{gap:24px!important}
#gfAnnounce .gf-announce-prizes img{height:62px!important;max-width:130px!important;filter:drop-shadow(0 0 15px rgba(139,92,246,.4)) drop-shadow(0 5px 9px rgba(0,0,0,.55))!important;transition:transform .18s ease}
#gfAnnounce .gf-announce-prizes img:hover{transform:translateY(-3px) scale(1.06)}
#gfAnnounce .gf-announce-cta{background:linear-gradient(135deg,#7d5cff,#6a4ff0)!important;border:0!important;box-shadow:0 5px 18px rgba(110,79,240,.42)!important;padding:11px 20px!important}
#gfAnnounce .gf-announce-cta:hover{filter:brightness(1.09)!important}

/* chat input area bigger */
html.gf-scale .chat form{flex:0 0 88px!important;min-height:88px!important;padding:14px!important;gap:11px!important;grid-template-columns:1fr 56px!important}
html.gf-scale .chat input{font-size:14.5px!important;padding:0 16px!important;border-radius:9px!important}
html.gf-scale .chat form button{font:800 12px/1 DM Mono,monospace!important;letter-spacing:.06em!important;padding:0!important;border-radius:9px!important}

/* claude 2026-07-31: announcement badge redesign — refined glass-gradient + live pulse dot */
#gfAnnounce .gf-announce-tag{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:7px 13px!important;border-radius:7px!important;background:linear-gradient(135deg,rgba(150,108,255,.24),rgba(110,79,240,.1))!important;border:1px solid rgba(164,132,255,.42)!important;color:#e2d6ff!important;font:800 10.5px/1 "DM Mono",monospace!important;letter-spacing:.13em!important;box-shadow:inset 0 1px rgba(255,255,255,.09),0 4px 16px rgba(110,79,240,.22)!important}
#gfAnnounce .gf-tag-dot{width:7px!important;height:7px!important;border-radius:50%!important;background:#7fe6a0!important;box-shadow:0 0 8px rgba(127,230,160,.9)!important;flex:none!important;animation:gf-tag-pulse 1.6s ease-in-out infinite!important}
@keyframes gf-tag-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.72)}}

/* claude 2026-07-31 FIX: coinflip content (game-list bar + announcement) was bleeding onto every tab —
   my display:flex!important beat the hide rules / JS inline display:none. Hide with higher specificity. */
html.gf-scale body.on-inventory .game-list,html.gf-scale body.on-jackpot .game-list,html.gf-scale body.on-affiliates .game-list,html.gf-scale body.on-race .game-list{display:none!important}
html.gf-scale body.on-inventory .workspace>#gfAnnounce.gf-announce,html.gf-scale body.on-jackpot .workspace>#gfAnnounce.gf-announce,html.gf-scale body.on-affiliates .workspace>#gfAnnounce.gf-announce,html.gf-scale body.on-race .workspace>#gfAnnounce.gf-announce{display:none!important}

/* claude 2026-07-31: announcement — drop the radial glow (read as a "shadow"/haze above the bar); keep it minimal */
html.gf-scale .workspace>#gfAnnounce.gf-announce{background:linear-gradient(90deg,rgba(139,92,246,.07),rgba(139,92,246,.018) 55%,transparent)!important}

/* claude 2026-07-31: announcement over the GAMES column only (in .cf-main) so LIVE CHAT runs full-height
   beside it; remove the bottom fade blur; compact single-line banner. */
html.gf-scale .workspace{grid-template-rows:92px minmax(0,1fr)!important}
/* 2026-08-01: the whole coinflip COLUMN scrolls (overflow-y:auto) — so the race NOTIFICATION (a separate card above the
   games box) scrolls away with the content, instead of living INSIDE the games-list box and reading as "1 big box".
   Scrollbar is HIDDEN (still scrolls via wheel) so it doesn't visually span the notification and tie it to the games scroll. */
html.gf-scale .columns>.cf-main{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important}
html.gf-scale .columns>.cf-main::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
html.gf-scale .cf-main>#gfAnnounce.gf-announce{flex:none!important;margin:0 0 14px!important;padding:11px 20px!important;border:0!important;border-radius:10px!important;box-shadow:none!important;background:linear-gradient(90deg,rgba(139,92,246,.075),rgba(139,92,246,.018) 55%,transparent)!important}
/* claude 2026-08-01: race NOTIFICATION = a separate card ABOVE the games box (not inside it), scrolls away with the column. */
html.gf-scale .cf-main>#gfAnnounce.race-banner{flex:none!important;margin:2px 0 24px!important;width:auto!important}
html.gf-scale .cf-main>.game-list{flex:0 0 auto!important;min-height:0!important}
html.gf-scale body.on-inventory .cf-main,html.gf-scale body.on-jackpot .cf-main,html.gf-scale body.on-affiliates .cf-main,html.gf-scale body.on-race .cf-main{display:none!important}
html.gf-scale .game-list>.gl-scroll{-webkit-mask-image:none!important;mask-image:none!important}
#gfAnnounce .gf-announce-txt small{display:none!important}
#gfAnnounce .gf-announce-prizes img{height:48px!important}

/* claude 2026-07-31: UN-PIN the OPEN GAMES bar — user wants it to scroll AWAY with the rows, not stay stuck at top.
   Game-list scrolls as one block (list-head scrolls with content); announcement stays at the top of .cf-main. */
html.gf-scale .cf-main>.game-list{display:block!important;overflow:visible!important;flex:0 0 auto!important;min-height:0!important}
html.gf-scale .game-list>.list-head{position:static!important;z-index:auto!important}
html.gf-scale .game-list>.gl-scroll{overflow:visible!important;flex:none!important;min-height:0!important;height:auto!important}

/* claude 2026-07-31: RACE page redesign — richer hero (prize pool + featured guns + your-rank + boxed clock),
   glowing gold podium for 1st, wager progress bars in the board. Loads later than the earlier .race-* block so it wins. */
.race-wrap{gap:18px}
.race-hero{display:flex;align-items:stretch;justify-content:space-between;gap:26px;padding:26px 30px;position:relative;overflow:hidden;
  background:radial-gradient(680px 220px at 10% -12%,rgba(139,92,246,.18),transparent 62%),linear-gradient(135deg,#17122a,#110f19);
  border-color:#2f2743!important}
.race-hero-l{min-width:0;display:flex;flex-direction:column;justify-content:center}
.race-hero .pg-eyebrow{color:#a99ad6}
.race-pool{margin:6px 0 3px;display:flex;align-items:center;gap:11px;font:800 48px/1 "Space Grotesk",sans-serif;color:#fff}
.race-pool .g-coin{width:42px;height:42px}
.race-pool-sub{color:#a99fc2;font-size:14px;font-weight:600}
.race-prizes{display:flex;align-items:center;gap:16px;margin-top:18px}
.race-prizes-lbl{font:800 10px/1 "DM Mono",monospace;letter-spacing:.15em;color:#8f86a3;flex:none}
.race-prizes img{height:62px;width:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.55))}
.race-hero-r{flex:none;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:14px;text-align:right}
.race-hero-r .pg-eyebrow{color:#c8a05a}
.race-clock{margin-top:6px;font:800 36px/1 "Space Grotesk",sans-serif;color:#ffcf5a;letter-spacing:.02em;font-variant-numeric:tabular-nums;
  padding:11px 18px;border-radius:11px;background:rgba(255,207,90,.08);border:1px solid rgba(255,207,90,.24)}
.race-mine{padding-top:14px;border-top:1px solid rgba(255,255,255,.08);width:100%;display:flex;flex-direction:column;align-items:flex-end}
.race-mine span{font:800 10px/1 "DM Mono",monospace;letter-spacing:.13em;color:#8f86a3}
.race-mine b{margin:5px 0 2px;font:800 26px/1 "Space Grotesk",sans-serif;color:#c9a4ff}
.race-mine small{color:#9d92ac;font-size:12px;display:flex;align-items:center;gap:5px}
.race-mine small .g-coin{width:13px;height:13px}
/* podium */
.race-pod{padding:26px 18px 22px}
.race-pod-av{margin-bottom:2px}
.race-pod-av .pg-av{width:66px;height:66px}
.race-pod-1{padding-top:46px!important;border-color:#ffcf5a!important;
  background:radial-gradient(220px 120px at 50% -12%,rgba(255,207,90,.16),transparent 68%),#121017!important;
  box-shadow:0 0 0 1px rgba(255,207,90,.34),0 16px 44px rgba(255,207,90,.09)!important}
.race-pod-1 .race-pod-av .pg-av{width:84px;height:84px;border-color:#ffcf5a!important;box-shadow:0 0 20px rgba(255,207,90,.42)}
.race-pod-1 .race-medal{background:#ffcf5a;width:42px;height:42px;font-size:18px;top:-21px;box-shadow:0 0 16px rgba(255,207,90,.5)}
.race-pod-name{font-size:19px}
.race-pod-1 .race-pod-name{font-size:22px}
.race-pod-prize{margin-top:6px;padding:6px 15px;border-radius:9px;background:rgba(127,230,160,.1);border:1px solid rgba(127,230,160,.28);font-size:18px}
.race-pod-1 .race-pod-prize{font-size:21px;background:rgba(127,230,160,.15);border-color:rgba(127,230,160,.42)}
/* board with wager bars */
.race-board{padding:8px 14px 6px}
.race-row{grid-template-columns:52px 1.35fr 1.7fr 0.9fr;gap:14px;padding:13px 14px}
.race-bhead span:first-child{justify-self:center}
.race-bhead span:last-child{justify-self:end}
.race-rk{text-align:center}
.race-pl .pg-av{width:30px;height:30px}
.race-wg{display:flex;align-items:center;gap:13px;min-width:0}
.race-bar{flex:1 1 auto;min-width:44px;height:7px;border-radius:6px;background:rgba(255,255,255,.06);overflow:hidden}
.race-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#7d5cff,#a56bff)}
.race-wgv{flex:none;display:flex;align-items:center;gap:5px;color:#cdb3ff;font:800 14px/1 "Space Grotesk",sans-serif}
.race-wgv .g-coin{width:15px;height:15px}
.race-pz{justify-self:end}
.race-you{background:linear-gradient(90deg,rgba(110,79,240,.18),rgba(110,79,240,.04));box-shadow:inset 3px 0 0 #8b7cf0;border-radius:0 8px 8px 0}
.race-you .race-bar i{background:linear-gradient(90deg,#8b7cf0,#c9a4ff)}

/* claude 2026-07-31: LIVE RACE banner — rebuilt clean on a fresh .race-banner class so NONE of the old stacked .gf-announce
   layers apply. Compact flat band (no left stripe, no blur, no heavy shadow, no emoji), bigger bg-less prize guns, links to Race. */
.race-banner{display:flex;align-items:center;gap:18px;margin:0 0 12px;padding:13px 20px;border-radius:0;cursor:pointer;position:relative;overflow:hidden;
  background:linear-gradient(90deg,#1a181e,#141319);border:1px solid #322f3a;box-shadow:0 14px 30px rgba(0,0,0,.55),0 2px 0 rgba(255,255,255,.02) inset;transition:border-color .15s,background .15s,box-shadow .15s}
.race-banner:hover{border-color:#403c4a;box-shadow:0 18px 36px rgba(0,0,0,.6),0 2px 0 rgba(255,255,255,.03) inset}
/* subtle diagonal sheen sweep — keeps the notification feeling live without a cheesy glow */
.race-banner::after{content:'';position:absolute;top:0;bottom:0;left:-40%;width:32%;pointer-events:none;transform:skewX(-16deg);
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.05),transparent);animation:rbSheen 6s ease-in-out infinite}
@keyframes rbSheen{0%{left:-40%}55%,100%{left:135%}}
.rb-txt{flex:none;min-width:0;display:flex;flex-direction:column;gap:5px}
.rb-eyebrow{font:800 10px/1 "DM Mono",monospace;letter-spacing:.14em;color:#8f86a3}
.rb-txt b{display:flex;align-items:center;gap:8px;font:800 24px/1 "Space Grotesk",sans-serif;color:#fff}
.rb-txt b .g-coin{width:21px;height:21px}
.rb-txt b em{font:600 13.5px/1 Manrope,sans-serif;color:#9d92ac;font-style:normal}
/* countdown = the hype/urgency element: gold, ticking, set off by a hairline divider */
.rb-timer{flex:none;display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding-left:18px;border-left:1px solid #2c2a31}
.rb-timer-lbl{font:800 10px/1 "DM Mono",monospace;letter-spacing:.14em;color:#c8a05a}
.rb-timer b{font:800 22px/1 "Space Grotesk",sans-serif;color:#ffd46a;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.rb-timer b i{font-style:normal;font-size:12px;font-weight:800;color:#9c7838;margin:0 6px 0 1px}
.rb-prizes{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:24px;min-width:0}
.rb-prizes img{height:56px;width:auto;max-width:118px;object-fit:contain;filter:drop-shadow(0 4px 9px rgba(0,0,0,.55))}
/* CTA pulses to pull the eye */
.rb-cta{flex:none;position:relative;padding:11px 20px;border:0;border-radius:5px;background:#6e4ff0;color:#fff;font:800 11px/1 "DM Mono",monospace;letter-spacing:.06em;cursor:pointer;transition:background .15s,transform .12s;animation:rbCta 2.4s ease-in-out infinite}
.rb-cta:hover{background:#7d61ff;transform:translateY(-1px)}
@keyframes rbCta{0%,100%{box-shadow:0 0 0 0 rgba(124,97,255,.5)}70%{box-shadow:0 0 0 8px rgba(124,97,255,0)}}
.rb-x{flex:none;position:relative;border:0;background:transparent;color:#8f86a3;font-size:22px;line-height:1;cursor:pointer;padding:0 2px}
.rb-x:hover{color:#fff}

/* claude 2026-07-31: ACTIVE matched lobby row — spread owner · VS · opponent across the player column like the
   past-game matchup the user likes. refine.css packs them snug-left (grid auto auto auto 1fr) with the live status
   pinned absolute:right. These use .game-list specificity (0,4,1) so they beat refine at equal spec (loads later);
   empty 1fr tracks push VS to center and the opponent right, and col6 reserves room so the pinned status can't overlap. */
/* FIXED player-column widths (was `auto`, which sized to each name -> the VS + opponent landed at a different x every row).
   Fixed 200px cols make every profile line up in the same spot regardless of name length. */
.game-list .lobby .player.matched{grid-template-columns:200px minmax(14px,1fr) auto minmax(14px,1fr) 200px 84px!important;column-gap:0!important}
.game-list .lobby .player.matched>.live-match-player{overflow:hidden!important}
/* match the PAST-history profile SIZE: avatar 62->54px, name 17->15px, level to match (user "make same size as past history") */
.game-list .lobby .player.matched>.live-match-player img{width:54px!important;height:54px!important}
.game-list .lobby .player.matched>.live-match-player b{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:15px!important}
.game-list .lobby .player.matched>.live-match-player small{font-size:10.5px!important}
/* the first .live-match-player carries a stray padding-left:5px that pushed the matched avatar+name 5px right of the
   open rows' avatar (open .player>img is flush) — zero it so matched rows line up pixel-for-pixel with open rows. */
.game-list .lobby .player.matched>.live-match-player:not(.opponent){grid-column:1!important;justify-self:start!important;padding-left:0!important}
.game-list .lobby .player.matched>i{grid-column:3!important;justify-self:center!important;margin:0!important}
.game-list .lobby .player.matched>.live-match-player.opponent{grid-column:5!important;justify-self:start!important}

/* claude 2026-08-02: viewer/replay modal — (1) CENTER the stake items in each tray (the .stake-items box was shrink-wrapped
   & top-left, not full-width), (2) make the tiny 8px ENTRY/ODDS/LEVEL labels readable (those `#viewer …` rules — 1,1,1 —
   were beating the `.viewer-card` bumps). */
#replayItems .stake-tray{display:flex!important;flex-direction:column!important;align-items:stretch!important}
#replayItems .stake-items{width:100%!important;flex:1 1 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin-top:8px!important}
#replayItems .stake-item{width:auto!important;height:auto!important;min-width:0!important}
#viewer .replay-identity small{font-size:13px!important;color:#cbbee9!important;font-weight:800!important}
#viewer .replay-entry small,#viewer .replay-odds small{font-size:11.5px!important;color:#aa9dc5!important}

/* claude 2026-08-02: (1) profile-target HOVER glow like live chat on EVERY user/name (viewer, past games, matched rows,
   open rows); (2) profile modal sits ABOVE all GUIs (z 9000) so clicking a profile never closes the GUI behind it;
   (3) profile card SMALLER (was scale 1.2). */
/* other guis: hovering the user row highlights name+avatar */
.matchup-player,.live-match-player{cursor:pointer!important}
.matchup-player:hover img,.live-match-player:hover img,.player img.profile-hitbox:hover{filter:brightness(1.22) drop-shadow(0 0 8px rgba(179,109,255,.46))!important;transform:translateY(-1px)!important}
.matchup-player:hover b,.live-match-player:hover b,.player span.profile-hitbox:hover b{color:#f0dcff!important;text-shadow:0 0 11px rgba(188,113,255,.45)!important}
/* VIEW COINFLIP only: ONLY the hovered element (avatar OR name) glows, and ONLY they are clickable (not the whole panel) */
.replay-profile-hit{cursor:default!important}
.replay-profile-hit img,.replay-profile-hit .replay-identity{cursor:pointer!important}
.replay-profile-hit img:hover{filter:brightness(1.22) drop-shadow(0 0 8px rgba(179,109,255,.46))!important;transform:translateY(-1px)!important}
.replay-profile-hit .replay-identity:hover b{color:#f0dcff!important;text-shadow:0 0 11px rgba(188,113,255,.45)!important}
#profile.modal{z-index:9000!important}
/* purple the performance stat numbers (BEST STREAK / BEST UPSET / WIN RATE) to match TOTAL WAGERED etc. */
#profile .profile-performance .profile-metric-number,#profile #profileWinrate{color:#c9a4ff!important}

/* claude 2026-08-02: the user's own game ("lobby-mine") marker was TOO glowy/AI — full purple border + gradient bg +
   box-shadow glow + a glowing ring on the avatar. Tone it to a quiet left accent + faint flat tint, no glow. */
.lobby.lobby-mine{border:0!important;border-left:2px solid rgba(139,124,240,.5)!important;background:rgba(139,124,240,.038)!important;box-shadow:none!important}
.lobby.lobby-mine .player>img,.lobby.lobby-mine .live-match-player img{box-shadow:none!important}

/* claude 2026-08-02: in-place coin flip felt "fake"/flat — perspective was 1200px on a 120px coin (barely any 3D
   foreshortening). Tighten it so the coin visibly tumbles in 3D (top recedes / bottom comes forward) = feels real. */
#flipCoin{perspective:500px!important}
/* right SPIN (rotateY) instead of up-flip (rotateX): put the back face on the Y axis too so tails reads correctly. */
#flipCoin .coin3d .cface.tails{transform:rotateY(180deg) translateZ(2px)!important}
/* backface-visibility:hidden was HIDING the tails face at rotateY 180 (coin went invisible = "only shows blue"). The JS
   opacity drive already shows exactly the front-facing face, so drop backface culling entirely. */
#flipCoin .coin3d .cface{backface-visibility:visible!important;-webkit-backface-visibility:visible!important}

/* claude 2026-08-02: kill the big empty gap under PAST GAMES (the .past-games/.past-games-fixed containers had padding-bottom:72px). */
.past-games,.past-games-fixed{padding-bottom:12px!important}

/* claude 2026-08-02: fix +/- stake-tray bug - collapsing left the extra item imgs in the row (overflow:visible, no wrap) so they spilled out of the tray. Extras are now tagged .stake-extra and hidden unless expanded. */
#replayItems .stake-tray:not(.expanded) .stake-extra{display:none!important}

/* claude 2026-08-02: participant card COMPACT. Prev attempt fought the .replay-profile-hit button (its OWN grid holds avatar+name), forcing a 74px avatar into a 54px slot + spanning rows -> blew the box up with dead space. Now: keep the native 2-col/2-row, size the avatar up only a touch, make the corner coin clearly bigger, and tighten padding/gaps + kill min-height so there's no dead space. */
/* claude 2026-08-03: participants BIGGER + a soft purple glow all around each card. */
#viewer .replay-player{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;align-items:center!important;min-height:0!important;padding:13px 17px!important;row-gap:5px!important;column-gap:14px!important;border:1px solid #3a3446!important;box-shadow:none!important}
#viewer .replay-profile-hit{grid-column:1!important;grid-row:1!important;grid-template-columns:68px minmax(0,1fr)!important;gap:13px!important}
#viewer .replay-profile-hit>img{grid-row:auto!important;grid-column:auto!important;width:66px!important;height:66px!important;align-self:center!important}
#viewer .replay-pick{grid-column:2!important;grid-row:1!important;width:60px!important;height:60px!important;justify-self:end!important}
#viewer .replay-pick img{width:58px!important;height:58px!important}
#viewer .replay-entry{grid-column:1!important;grid-row:2!important;padding-top:7px!important}
#viewer .replay-odds{grid-column:2!important;grid-row:2!important;padding-top:7px!important}
#viewer .replay-identity b{font-size:19px!important}
#viewer .replay-identity small{font-size:9.5px!important}
#viewer .replay-entry b,#viewer .replay-odds b{font-size:19px!important}
#viewer .replay-entry small,#viewer .replay-odds small{font-size:9px!important}

/* claude 2026-08-03: flip-stage + result - DARK & subtle (matches the site), was too bright/AI. Dark base, a faint purple lift that fades to transparent WITHIN the panel (66%) so the glow never hits an edge = no cut-off; the old :before blob extended past the edges + overflow:hidden = the hard cut, so it's killed. Readable status text, moderate coin glow, soft winner glow. */
#viewer #flipStatus{font-size:14px!important;letter-spacing:.16em!important;color:#c2b4de!important;font-weight:800!important;text-shadow:0 0 10px rgba(138,95,228,.28)!important}
#viewer .flip-stage{overflow:hidden!important;background:radial-gradient(ellipse 84% 74% at 50% 42%,rgba(120,84,194,.14),transparent 66%),linear-gradient(180deg,#15121e,#100d17)!important}
#viewer .flip-stage:before{display:none!important}
#viewer .flip-coin.spinning .coin3d{filter:drop-shadow(0 0 14px rgba(150,110,240,.4))!important}
#viewer .flip-coin.landed.heads .coin3d{filter:drop-shadow(0 0 18px rgba(96,166,255,.7)) drop-shadow(0 0 38px rgba(96,166,255,.3))!important}
#viewer .flip-coin.landed.tails .coin3d{filter:drop-shadow(0 0 18px rgba(255,96,110,.7)) drop-shadow(0 0 38px rgba(255,96,110,.3))!important}
#viewer .replay-player.winner{border-color:rgba(140,103,225,.7)!important;box-shadow:0 0 30px rgba(140,103,225,.34),0 0 12px rgba(150,110,235,.28),inset 0 0 22px rgba(150,110,235,.18)!important}
#viewer[data-outcome="heads"] .replay-player.winner{border-color:rgba(104,180,255,.75)!important;box-shadow:0 0 30px rgba(96,166,255,.36),0 0 12px rgba(96,166,255,.3),inset 0 0 22px rgba(96,166,255,.2)!important}
#viewer[data-outcome="tails"] .replay-player.winner{border-color:rgba(255,126,138,.75)!important;box-shadow:0 0 30px rgba(255,96,110,.36),0 0 12px rgba(255,96,110,.3),inset 0 0 22px rgba(255,96,110,.2)!important}

/* claude 2026-08-03: kill the black gap between the race/"giveaway" banner and the games list - the banner carried a 24px bottom margin. */
html.gf-scale .cf-main>#gfAnnounce.race-banner{margin-bottom:7px!important}
html.gf-scale #gfAnnounce.race-banner{margin-bottom:7px!important}
#gfAnnounce.race-banner{margin-bottom:7px!important}

/* claude 2026-08-03: bigger lobby rows + weapon icons (user wants the expanded-"+" size by default); center the POT label over its value. */
#lobbyList .lobby{height:auto!important;min-height:96px!important}
#lobbyList .lobby .offer{min-height:96px!important}
#lobbyList .lobby .offer > img{width:74px!important;height:74px!important;margin:0!important;object-fit:contain!important}
#lobbyList .lobby>.pot{grid-template-columns:28px auto!important;justify-self:center!important}
.labels span:nth-child(3){text-align:center!important;justify-self:center!important}

/* claude 2026-08-03: jackpot avatars/+N clickable, jackpot username fits + bigger rank, profile stat unit/win-rate text purple. */
.jp-h-av[data-jp-profile]{cursor:pointer!important}
.jp-h-av[data-jp-profile]:hover{filter:brightness(1.16)!important;transform:translateY(-1px)!important}
.jp-h-more{cursor:pointer!important}
.jp-h-more:hover{filter:brightness(1.25)!important;color:#fff!important}
body.on-jackpot #jackpotPage .jp-entry-main{min-width:0!important;overflow:visible!important}
body.on-jackpot #jackpotPage .jp-entry-name-hit{max-width:none!important;overflow:visible!important}
body.on-jackpot #jackpotPage .jp-entry-main b{overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;max-width:none!important}
body.on-jackpot #jackpotPage .jp-entry-rank{width:27px!important;height:27px!important;flex:0 0 27px!important}
#profile .profile-performance .profile-metric-unit{color:#c9a4ff!important}
#profile .profile-win-rate b,#profile #profileWinrate{color:#c9a4ff!important}

/* claude 2026-08-03: (1) CF lobby offer shows ALL weapons by default (the expanded-"+" look) - no collapse to 3. (4) unify EVERY profile stat value to one clear purple (wager numbers were near-white #f0ecf3, metric/win-rate were a washed #c9a4ff that read white). */
/* (show-all override removed - offer stays collapsed so the "+N" stays) */
#profile .profile-career-strip b,#profile .profile-career-strip b span,#profile .profile-performance b,#profile .profile-performance b span,#profile .profile-performance b em,#profile #profileWinrate{color:#c693ff!important}

/* claude 2026-08-03: CF lobby offer - stays COLLAPSED (first items + "+N", the + stays) but items BIGGER, card TALLER, and NO overlap (fixes items-inside-each-other + the misplaced x-badge). */
#lobbyList .lobby .offer > .coinflip-offer-item{width:64px!important;height:64px!important;flex:0 0 64px!important;margin:0 8px 0 0!important}
#lobbyList .lobby .offer > .coinflip-offer-item > img:not(.coinflip-offer-source){width:60px!important;height:60px!important}
#lobbyList .lobby .offer{min-height:80px!important;align-items:center!important}
#lobbyList .lobby{min-height:112px!important}

/* claude 2026-08-03: bigger VS in matched/in-play rows (was ~10px). */
.game-list .lobby .player.matched>i{font-size:18px!important;font-weight:800!important;color:#b9aecb!important;letter-spacing:.06em!important}

/* 2026-08-04: open and in-play identities use one scale; "my flip" is a
   lightweight identity cue instead of a tinted row, stripe, or badge block. */
@media(min-width:851px){
  /* Older container-query rules scale matched identities with `zoom`, which
     made every child visibly smaller than the open-row identity. Keep both
     row states on the same physical scale and let the grid handle fit. */
  #lobbyList .lobby .player.matched>.live-match-player,
  #lobbyList .lobby .player.matched>i{
    zoom:1!important;
  }
  #lobbyList .lobby .player.matched{
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) 84px!important;
    column-gap:12px!important;
  }
  #lobbyList .lobby .player.matched>.live-match-player:not(.opponent){
    grid-column:1!important;
  }
  #lobbyList .lobby .player.matched>i{
    grid-column:2!important;
  }
  #lobbyList .lobby .player.matched>.live-match-player.opponent{
    grid-column:3!important;
  }
  #lobbyList .lobby .player.matched>.live-match-player{
    width:100%!important;
    justify-self:stretch!important;
  }
  #lobbyList .lobby .player>img,
  #lobbyList .lobby .player.matched>.live-match-player img{
    width:62px!important;
    height:62px!important;
  }
  #lobbyList .lobby .player b,
  #lobbyList .lobby .player.matched>.live-match-player b{
    font-size:17px!important;
  }
  #lobbyList .lobby .player small,
  #lobbyList .lobby .player.matched>.live-match-player small{
    font-size:12px!important;
  }
  #lobbyList .lobby .player.matched>.live-match-player{
    grid-template-columns:62px minmax(0,1fr)!important;
    gap:11px!important;
  }
}

/* 2026-08-05 v240 — let Preferences use the complete settings workspace. */
#settings .set-preferences-panel{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
}
#settings .set-preferences-panel .set-pref-group{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding:0!important;
  border:1px solid #292730!important;
  border-radius:6px!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}

/* 2026-08-05 v241 — natural account-setting typography and calmer controls. */
#settings .set-preferences-panel{
  gap:10px!important;
  font-family:Manrope,"Segoe UI",system-ui,sans-serif!important;
}
#settings .set-prefs-top{
  align-items:flex-start!important;
  padding:1px 2px 3px!important;
}
#settings .set-prefs-top h3{
  color:#f2eff4!important;
  font-family:Manrope,"Segoe UI",system-ui,sans-serif!important;
  font-size:18px!important;
  font-weight:750!important;
  letter-spacing:-.025em!important;
  line-height:1.2!important;
}
#settings .set-prefs-top p{
  margin-top:4px!important;
  color:#89838f!important;
  font-family:Manrope,"Segoe UI",system-ui,sans-serif!important;
  font-size:11px!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
#settings .set-preferences-panel .set-pref-group{
  border-color:#302e37!important;
  border-radius:8px!important;
  background:#141319!important;
}
#settings .set-pref-group>header{
  min-height:38px!important;
  padding:7px 14px!important;
  border-bottom-color:#2c2a32!important;
  background:#16151b!important;
}
#settings .set-pref-group>header h4{
  color:#e9e5ec!important;
  font-family:Manrope,"Segoe UI",system-ui,sans-serif!important;
  font-size:12.5px!important;
  font-weight:750!important;
  letter-spacing:-.01em!important;
  line-height:1.2!important;
  text-transform:none!important;
}
#settings .set-pref-group>header p{
  margin-top:2px!important;
  color:#7f7985!important;
  font-family:Manrope,"Segoe UI",system-ui,sans-serif!important;
  font-size:9.5px!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
#settings .set-pref-row{
  min-height:49px!important;
  padding:8px 14px!important;
  border-bottom-color:#292730!important;
  background:#121217!important;
}
#settings .set-pref-row.left{
  border-right-color:#292730!important;
}
#settings .set-pref-row:hover{
  background:#17161c!important;
}
#settings .set-pref-copy>b{
  color:#e5e1e8!important;
  font-family:Manrope,"Segoe UI",system-ui,sans-serif!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
}
#settings .set-pref-copy>small{
  margin-top:2px!important;
  color:#7f7985!important;
  font-family:Manrope,"Segoe UI",system-ui,sans-serif!important;
  font-size:9.5px!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
#settings .set-pref-control{
  gap:0!important;
}
#settings .set-pref-toggle{
  width:36px!important;
  height:20px!important;
  border-color:#45414d!important;
  background:#2b2932!important;
}
#settings .set-pref-toggle>i{
  top:3px!important;
  left:3px!important;
  width:12px!important;
  height:12px!important;
  background:#a49eaa!important;
}
#settings .set-pref-row[aria-checked="true"] .set-pref-toggle{
  border-color:#7852a0!important;
  background:#6f4998!important;
}
#settings .set-pref-row[aria-checked="true"] .set-pref-toggle>i{
  transform:translateX(16px)!important;
  background:#fff!important;
}
#settings .set-prefs-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:18px;
  padding:0 2px;
}
#settings .set-prefs-footer>span{
  color:#77717d;
  font-family:Manrope,"Segoe UI",system-ui,sans-serif!important;
  font-size:9.5px;
  font-weight:500;
}
#settings .set-prefs-footer>button{
  padding:0;
  border:0;
  border-bottom:1px solid transparent;
  border-radius:0;
  background:transparent;
  color:#96849f;
  font-family:Manrope,"Segoe UI",system-ui,sans-serif!important;
  font-size:9.5px;
  font-weight:650;
  cursor:pointer;
}
#settings .set-prefs-footer>button:hover,
#settings .set-prefs-footer>button:focus-visible{
  border-bottom-color:#8f69ab;
  outline:0;
  color:#d3c2dd;
}

@media(max-width:850px){
  #lobbyList .lobby .player.matched>.live-match-player,
  #lobbyList .lobby .player.matched>i{
    zoom:1!important;
  }
  #lobbyList .lobby .player.matched{
    grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 62px!important;
    column-gap:7px!important;
  }
  #lobbyList .lobby .player.matched>.live-match-player:not(.opponent){
    grid-column:1!important;
  }
  #lobbyList .lobby .player.matched>i{
    grid-column:2!important;
  }
  #lobbyList .lobby .player.matched>.live-match-player.opponent{
    grid-column:3!important;
  }
  #lobbyList .lobby .player.matched>.live-match-player{
    width:100%!important;
    justify-self:stretch!important;
  }
  #lobbyList .lobby .player>img,
  #lobbyList .lobby .player.matched>.live-match-player img{
    width:46px!important;
    height:46px!important;
  }
  #lobbyList .lobby .player b,
  #lobbyList .lobby .player.matched>.live-match-player b{
    font-size:13px!important;
  }
  #lobbyList .lobby .player small,
  #lobbyList .lobby .player.matched>.live-match-player small{
    font-size:9.5px!important;
  }
  #lobbyList .lobby .player.matched>.live-match-player{
    grid-template-columns:46px minmax(0,1fr)!important;
  }
}

#lobbyList .lobby .lobby-you,
#lobbyList .current-player-marker,
.past-games-fixed .current-player-marker{
  display:none!important;
}

#lobbyList .is-current-player>img,
.past-games-fixed .is-current-player>img{
  border-color:#a873d7!important;
  box-shadow:0 0 0 1px #100e15,0 0 0 3px rgba(168,115,215,.72)!important;
}

/* Legacy rank-line markup also stays 1:1 if it appears dynamically. */
#lobbyList .lobby .player.matched .player-rank img.rank-icon{
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  max-width:26px!important;
  min-height:26px!important;
  max-height:26px!important;
  flex:0 0 26px!important;
}

/* 2026-08-04 follow-up: live and completed matchups share the same spaced
   anchors. The equal breathing tracks around VS keep it visually centered
   between the actual identity blocks, not merely centered in a fluid cell. */
@media(min-width:901px){
  #lobbyList .lobby .player.matched{
    grid-template-columns:minmax(0,190px) minmax(12px,1fr) 36px minmax(12px,1fr) minmax(0,190px) 84px!important;
    column-gap:0!important;
  }
  #lobbyList .lobby .player.matched>.live-match-player{
    width:100%!important;
    max-width:190px!important;
    justify-self:stretch!important;
  }
  #lobbyList .lobby .player.matched>.live-match-player:not(.opponent){
    grid-column:1!important;
    justify-self:start!important;
  }
  #lobbyList .lobby .player.matched>i{
    grid-column:3!important;
    justify-self:center!important;
    margin:0!important;
  }
  #lobbyList .lobby .player.matched>.live-match-player.opponent{
    grid-column:5!important;
    justify-self:start!important;
  }
  #lobbyList .lobby .player.matched>.match-status,
  #lobbyList .lobby .player.matched>.match-status.result{
    grid-column:6!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    justify-self:center!important;
    margin:0!important;
  }

  .past-games-fixed>.past-game{
    height:112px!important;
    min-height:112px!important;
  }
  .past-games-fixed .past-game>.matchup{
    grid-template-columns:minmax(0,190px) minmax(12px,1fr) 36px minmax(12px,1fr) minmax(0,190px) 84px!important;
    column-gap:0!important;
    width:100%!important;
    min-width:0!important;
  }
  .past-games-fixed .past-game .matchup-player{
    display:grid!important;
    grid-template-columns:62px minmax(0,1fr)!important;
    align-items:center!important;
    gap:11px!important;
    width:100%!important;
    max-width:190px!important;
    min-width:0!important;
  }
  .past-games-fixed .past-game .matchup-player:first-child{
    grid-column:1!important;
    justify-self:start!important;
  }
  .past-games-fixed .past-game .versus{
    grid-column:3!important;
    justify-self:center!important;
    margin:0!important;
    font-size:18px!important;
  }
  .past-games-fixed .past-game .matchup-player:nth-of-type(2){
    grid-column:5!important;
    justify-self:start!important;
  }
  .past-games-fixed .past-game .matchup-player>img{
    width:62px!important;
    height:62px!important;
  }
  .past-games-fixed .past-game .matchup-player b{
    font-size:17px!important;
  }
  .past-games-fixed .past-game .matchup-player small{
    font-size:12px!important;
  }
  .past-games-fixed .past-game>.outcome{
    width:84px!important;
    min-width:84px!important;
  }
  .past-games-fixed .past-game>.past-offer img{
    width:60px!important;
    height:60px!important;
  }
}

/* Personal games stay on the normal surface: no rail, outline, or purple
   wash. The avatar/name and existing action supply the distinction. */
#lobbyList .lobby.is-my-flip,
#lobbyList .lobby.is-my-flip:hover{
  border-left:0!important;
  outline:0!important;
  box-shadow:none!important;
}
#lobbyList .lobby:hover{
  box-shadow:none!important;
  background-color:#17151e!important;
}
#lobbyList .lobby.is-my-flip .is-current-player b{
  color:#ead9ff!important;
}
#lobbyList .lobby.is-my-flip .is-current-player>img{
  border-color:#bd86ec!important;
  box-shadow:0 0 0 1px #0d0b11,0 0 0 3px rgba(184,124,231,.88),0 0 12px rgba(165,94,218,.24)!important;
}
#lobbyList .lobby .actions .my-flip-action,
#lobbyList .lobby .actions .my-flip-action:disabled{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-width:82px!important;
  opacity:1!important;
  border-color:#76539a!important;
  background:#251a31!important;
  color:#ead9ff!important;
  cursor:default!important;
  letter-spacing:.07em!important;
}
#lobbyList .lobby .actions .my-flip-action:before{
  content:"";
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:1px;
  background:#bd86ec;
  transform:rotate(45deg);
}

/* History remains a flat ledger with horizontal separators only. */
.past-games-fixed>.past-game,
.past-games-fixed>.past-game:hover,
.past-games-fixed>.past-game.is-current-user{
  border-left:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* 2026-08-04 natural matchup pass: both identities keep the familiar
   avatar -> name order. Equal player lanes and a fixed VS lane keep the
   center mathematically stable without reversing either identity. */
@media(min-width:901px){
  #lobbyList .lobby .player.matched,
  .past-games-fixed .past-game>.matchup{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr) 84px!important;
    align-items:center!important;
    column-gap:0!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }

  #lobbyList .lobby .player.matched>.live-match-player:not(.opponent),
  .past-games-fixed .past-game .matchup-player:first-child{
    grid-column:1!important;
    display:grid!important;
    grid-template-columns:62px minmax(0,1fr)!important;
    align-items:center!important;
    gap:11px!important;
    width:100%!important;
    max-width:190px!important;
    min-width:0!important;
    justify-self:center!important;
  }
  #lobbyList .lobby .player.matched>.live-match-player:not(.opponent)>img,
  .past-games-fixed .past-game .matchup-player:first-child>img{
    grid-column:1!important;
    grid-row:1!important;
  }
  #lobbyList .lobby .player.matched>.live-match-player:not(.opponent)>span,
  .past-games-fixed .past-game .matchup-player:first-child>span{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    justify-items:start!important;
    text-align:left!important;
  }
  #lobbyList .lobby .player.matched>.live-match-player:not(.opponent)>span>b,
  .past-games-fixed .past-game .matchup-player:first-child>span>b{
    width:100%!important;
    justify-content:flex-start!important;
    text-align:left!important;
  }

  #lobbyList .lobby .player.matched>i,
  .past-games-fixed .past-game .versus{
    grid-column:2!important;
    justify-self:center!important;
    text-align:center!important;
    margin:0!important;
  }
  #lobbyList .lobby .player.matched>.live-match-player.opponent,
  .past-games-fixed .past-game .matchup-player:nth-of-type(2){
    grid-column:3!important;
    display:grid!important;
    grid-template-columns:62px minmax(0,1fr)!important;
    align-items:center!important;
    gap:11px!important;
    width:100%!important;
    max-width:190px!important;
    min-width:0!important;
    justify-self:center!important;
  }
  #lobbyList .lobby .player.matched>.live-match-player.opponent>img,
  .past-games-fixed .past-game .matchup-player:nth-of-type(2)>img{
    grid-column:1!important;
    grid-row:1!important;
  }
  #lobbyList .lobby .player.matched>.live-match-player.opponent>span,
  .past-games-fixed .past-game .matchup-player:nth-of-type(2)>span{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    justify-items:start!important;
    text-align:left!important;
  }
  #lobbyList .lobby .player.matched>.match-status,
  #lobbyList .lobby .player.matched>.match-status.result{
    grid-column:4!important;
    grid-row:1!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    place-self:center!important;
    margin:0!important;
  }
  .past-games-fixed .past-game>.matchup>.outcome{
    grid-column:4!important;
    grid-row:1!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    place-self:center!important;
    width:84px!important;
    min-width:84px!important;
    margin:0!important;
  }
}

/* Active games are ledger rows too: no card rectangle or inter-card gap,
   just the same single divider used by Past Games. */
#lobbyList{
  gap:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
#lobbyList>.lobby,
#lobbyList>.lobby:hover,
#lobbyList>.lobby.featured,
#lobbyList>.lobby.is-my-flip,
#lobbyList>.lobby.is-my-flip:hover{
  margin:0!important;
  border:0!important;
  border-bottom:1px solid #2b2832!important;
  border-inline:0!important;
  border-top:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:#121117!important;
  background-image:none!important;
}
#lobbyList>.lobby:hover,
#lobbyList>.lobby.featured:hover,
#lobbyList>.lobby.flip-complete:hover,
#lobbyList>.lobby.is-my-flip:hover{
  border-inline:0!important;
  border-top:0!important;
  border-bottom:1px solid #2b2832!important;
  box-shadow:none!important;
  background:#121117!important;
  background-image:none!important;
}

/* An explicit ME tag lives with the identity, where users naturally look.
   The far-right MY FLIP state remains as the secondary confirmation. */
#lobbyList .lobby .is-current-player>span>b::after,
.past-games-fixed .past-game .is-current-player>span>b::after{
  content:"ME"!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-width:25px!important;
  height:16px!important;
  margin-left:6px!important;
  padding:0 6px!important;
  border:1px solid rgba(188,130,235,.5)!important;
  border-radius:999px!important;
  background:rgba(112,70,145,.2)!important;
  color:#e2c4fb!important;
  font:800 8px/1 "DM Mono",monospace!important;
  font-style:normal!important;
  letter-spacing:.08em!important;
  text-shadow:none!important;
}

@media(max-width:900px){
  #lobbyList .lobby .is-current-player>span>b::after,
  .past-games-fixed .past-game .is-current-player>span>b::after{
    min-width:21px!important;
    height:14px!important;
    margin-left:4px!important;
    padding:0 4px!important;
    font-size:7px!important;
  }
}

/* 2026-08-04 live-state alignment: open, countdown, spinning, and result
   states share one anchor. Matched rows also begin on the same left edge as
   open rows, while VS keeps its fixed center lane. */
.game-list,
html.gf-scale .game-list{
  padding-bottom:0!important;
  border-inline:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.game-list::after{
  content:none!important;
  display:none!important;
}
.game-list>.gl-scroll,
.game-list>.gl-scroll>#lobbyList,
#lobbyList{
  margin:0!important;
  padding:0!important;
  gap:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:#121117!important;
}
#lobbyList>.lobby[hidden]{
  display:none!important;
}
#lobbyList>.lobby::before,
#lobbyList>.lobby::after{
  content:none!important;
  display:none!important;
}
#lobbyList>.lobby:not([hidden]),
#lobbyList>.lobby:not([hidden]):hover,
#lobbyList>.lobby.is-current-user,
#lobbyList>.lobby.lobby-mine,
#lobbyList>.lobby.flip-complete,
#lobbyList>.lobby.featured,
#lobbyList>.lobby[class*="skin-"]{
  width:100%!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid #2b2832!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:#121117!important;
  background-image:none!important;
}

@media(min-width:901px){
  #lobbyList .lobby .player.matched{
    position:relative!important;
  }
  #lobbyList .lobby .player.matched>.live-match-player{
    margin:0!important;
    padding:0!important;
  }
  #lobbyList .lobby .player.matched>.live-match-player:not(.opponent){
    justify-self:start!important;
  }
  #lobbyList .lobby .player.matched>.match-status,
  #lobbyList .lobby .player.matched>.match-status.countdown,
  #lobbyList .lobby .player.matched>.match-status.spinning,
  #lobbyList .lobby .player.matched>.match-status.result{
    position:absolute!important;
    top:50%!important;
    right:-40px!important;
    bottom:auto!important;
    left:auto!important;
    grid-column:auto!important;
    grid-row:auto!important;
    place-self:auto!important;
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
    height:64px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:translateY(-50%)!important;
    text-align:center!important;
  }
  #lobbyList .lobby .player.matched>.match-status.countdown{
    display:grid!important;
    place-items:center!important;
    color:#f5f1f8!important;
    font:800 23px/1 "Space Grotesk",Manrope,sans-serif!important;
  }
  #lobbyList .lobby .player.matched>.match-status.spinning{
    display:grid!important;
    place-items:center!important;
  }
  #lobbyList .lobby .player.matched>.match-status.result{
    display:grid!important;
    grid-template-rows:12px 46px!important;
    place-content:center!important;
    justify-items:center!important;
    gap:2px!important;
    color:#f0eaf4!important;
  }
  #lobbyList .lobby .player.matched>.match-status.result>span{
    font:800 9px/1 "DM Mono",monospace!important;
    letter-spacing:.06em!important;
  }
  #lobbyList .lobby .player.matched>.match-status .match-result-icon{
    width:46px!important;
    height:46px!important;
    margin:0!important;
  }
}

@media(min-width:901px) and (max-width:1680px){
  #lobbyList .lobby .player.matched>.match-status,
  #lobbyList .lobby .player.matched>.match-status.countdown,
  #lobbyList .lobby .player.matched>.match-status.spinning,
  #lobbyList .lobby .player.matched>.match-status.result{
    right:0!important;
  }
}

@media(min-width:901px) and (max-width:1150px){
  #lobbyList .lobby .player.matched>.match-status,
  #lobbyList .lobby .player.matched>.match-status.countdown,
  #lobbyList .lobby .player.matched>.match-status.spinning,
  #lobbyList .lobby .player.matched>.match-status.result{
    width:68px!important;
    min-width:68px!important;
    max-width:68px!important;
    height:58px!important;
  }
  #lobbyList .lobby .player.matched>.match-status.result{
    grid-template-rows:11px 42px!important;
  }
  #lobbyList .lobby .player.matched>.match-status .match-result-icon{
    width:42px!important;
    height:42px!important;
  }
}

/* 2026-08-04 history parity: remove the notification's exterior haze, then
   give completed matchups the exact profile and result anchors used live. */
html.gf-scale .cf-main>#gfAnnounce.race-banner,
html.gf-scale .cf-main>#gfAnnounce.race-banner:hover{
  box-shadow:0 1px 0 rgba(255,255,255,.02) inset!important;
}

@media(min-width:901px){
  #lobbyList>.lobby,
  .past-games-fixed>.past-game{
    padding-inline:18px!important;
  }
  .past-games-fixed .past-game>.matchup{
    position:relative!important;
  }
  .past-games-fixed .past-game .matchup-player:first-child{
    justify-self:start!important;
  }
  .past-games-fixed .past-game>.matchup>.outcome{
    position:absolute!important;
    top:50%!important;
    right:-40px!important;
    bottom:auto!important;
    left:auto!important;
    grid-column:auto!important;
    grid-row:auto!important;
    place-self:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:12px 46px!important;
    place-content:center!important;
    justify-items:center!important;
    gap:2px!important;
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
    height:64px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:translateY(-50%)!important;
    text-align:center!important;
  }
  .past-games-fixed .past-game>.matchup>.outcome>span{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    margin:0!important;
    font:800 9px/1 "DM Mono",monospace!important;
    letter-spacing:.06em!important;
  }
  .past-games-fixed .past-game>.matchup>.outcome>img{
    grid-column:1!important;
    grid-row:2!important;
    width:46px!important;
    height:46px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    object-fit:contain!important;
  }
}

@media(min-width:901px) and (max-width:1680px){
  #lobbyList>.lobby,
  .past-games-fixed>.past-game{
    padding-inline:14px!important;
  }
  .past-games-fixed .past-game>.matchup>.outcome{
    right:0!important;
  }
}

@media(min-width:901px) and (max-width:1150px){
  .past-games-fixed .past-game>.matchup>.outcome{
    grid-template-rows:11px 42px!important;
    width:68px!important;
    min-width:68px!important;
    max-width:68px!important;
    height:58px!important;
  }
  .past-games-fixed .past-game>.matchup>.outcome>img{
    width:42px!important;
    height:42px!important;
  }
}

/* 2026-08-04 optical VS centering: the fixed identity lanes make the
   mathematical midpoint read slightly right-heavy, so share one subtle nudge. */
@media(min-width:901px){
  #lobbyList .lobby .player.matched>i,
  .past-games-fixed .past-game .versus{
    transform:translateX(-24px)!important;
  }
}

/* Long identities stay inside their fixed player lane. The username takes
   the available space, ellipsizes, and never pushes VS away from its anchor. */
#lobbyList .lobby .player.matched>.live-match-player,
.past-games-fixed .past-game .matchup-player,
#lobbyList .lobby .player.matched>.live-match-player>span,
.past-games-fixed .past-game .matchup-player>span,
#lobbyList .lobby .player.matched>.live-match-player>span>b,
.past-games-fixed .past-game .matchup-player>span>b{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
#lobbyList .lobby .player.matched>.live-match-player>span>b,
.past-games-fixed .past-game .matchup-player>span>b{
  width:100%!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
#lobbyList .lobby .player.matched>.live-match-player>span>b>.identity-name,
.past-games-fixed .past-game .matchup-player>span>b>.identity-name{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

/* 2026-08-04 integrated race strip: this is supporting live information, not
   a second hero card. It shares the feed surface and lets the timer carry it. */
html.gf-scale .cf-main>#gfAnnounce.race-banner{
  display:grid!important;
  grid-template-columns:max-content max-content minmax(180px,1fr) max-content 26px!important;
  align-items:center!important;
  column-gap:22px!important;
  min-height:72px!important;
  margin:0 0 5px!important;
  padding:0 22px!important;
  border:0!important;
  border-bottom:1px solid #2b2832!important;
  border-radius:0!important;
  background:linear-gradient(90deg,rgba(151,91,189,.052),rgba(151,91,189,.014) 42%,transparent 70%),#121117!important;
  box-shadow:none!important;
  overflow:hidden!important;
  transition:background-color .15s ease!important;
}
html.gf-scale .cf-main>#gfAnnounce.race-banner:hover{
  border:0!important;
  border-bottom:1px solid #312d38!important;
  background:linear-gradient(90deg,rgba(151,91,189,.068),rgba(151,91,189,.018) 42%,transparent 70%),#131218!important;
  box-shadow:none!important;
}
html.gf-scale .cf-main>#gfAnnounce.race-banner::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}
#gfAnnounce .rb-txt{
  gap:4px!important;
}
#gfAnnounce .rb-eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  color:#a59bad!important;
  font:800 9px/1 "DM Mono",monospace!important;
  letter-spacing:.13em!important;
}
#gfAnnounce .rb-eyebrow::before{
  content:"";
  width:5px;
  height:5px;
  margin-right:7px;
  border-radius:50%;
  background:#a968d1;
}
#gfAnnounce .rb-txt b{
  gap:7px!important;
  color:#f1edf4!important;
  font:750 21px/1 "Space Grotesk",Manrope,sans-serif!important;
  letter-spacing:-.025em!important;
}
#gfAnnounce .rb-txt b .g-coin{
  width:19px!important;
  height:19px!important;
}
#gfAnnounce .rb-txt b em{
  color:#958d9d!important;
  font:650 12px/1 Manrope,sans-serif!important;
}
#gfAnnounce .rb-timer{
  gap:5px!important;
  padding-left:20px!important;
  border-left:1px solid #2b2832!important;
}
#gfAnnounce .rb-timer-lbl{
  color:#9f94aa!important;
  font:800 9px/1 "DM Mono",monospace!important;
  letter-spacing:.13em!important;
}
#gfAnnounce .rb-timer b{
  color:#ece7f0!important;
  font:750 20px/1 "Space Grotesk",Manrope,sans-serif!important;
  letter-spacing:0!important;
}
#gfAnnounce .rb-timer b i{
  color:#a776c4!important;
  font-size:10px!important;
  margin:0 5px 0 1px!important;
}
#gfAnnounce .rb-prizes{
  gap:18px!important;
  opacity:.84!important;
}
#gfAnnounce .rb-prizes img{
  height:45px!important;
  max-width:96px!important;
  filter:saturate(.88) drop-shadow(0 3px 5px rgba(0,0,0,.42))!important;
}
#gfAnnounce .rb-cta{
  min-width:112px!important;
  height:38px!important;
  padding:0 17px 21px!important;
  border:1px solid #684b82!important;
  border-radius:6px!important;
  background:rgba(151,91,189,.075)!important;
  box-shadow:none!important;
  color:#d9c7e6!important;
  font:800 10px/1 "DM Mono",monospace!important;
  letter-spacing:.055em!important;
  animation:none!important;
}
#gfAnnounce .rb-cta:hover{
  border-color:#8b61a8!important;
  background:rgba(151,91,189,.13)!important;
  color:#fff!important;
  box-shadow:none!important;
  transform:none!important;
}
#gfAnnounce .rb-x{
  display:grid!important;
  place-items:center!important;
  justify-self:end!important;
  width:26px!important;
  height:32px!important;
  padding:0!important;
  color:#766e7f!important;
  font-size:18px!important;
}
#gfAnnounce .rb-x:hover{
  color:#c8bfce!important;
}

/* 2026-08-04 notification identity: keep the integrated strip, but make its
   purpose unmistakable with a restrained LIVE tag and event edge. */
html.gf-scale .cf-main>#gfAnnounce.race-banner{
  border-top:1px solid rgba(169,104,209,.24)!important;
  border-bottom:1px solid #302b35!important;
  background:linear-gradient(90deg,rgba(151,91,189,.082),rgba(151,91,189,.022) 44%,transparent 72%),#131218!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
}
html.gf-scale .cf-main>#gfAnnounce.race-banner:hover{
  border-top:1px solid rgba(179,116,217,.32)!important;
  border-bottom:1px solid #37303e!important;
  background:linear-gradient(90deg,rgba(151,91,189,.105),rgba(151,91,189,.03) 44%,transparent 72%),#141319!important;
  box-shadow:inset 0 1px rgba(255,255,255,.024)!important;
}
#gfAnnounce .rb-eyebrow{
  color:#b8adbf!important;
}
#gfAnnounce .rb-eyebrow::before{
  content:"LIVE"!important;
  display:inline-grid!important;
  place-items:center!important;
  width:auto!important;
  min-width:31px!important;
  height:17px!important;
  margin-right:8px!important;
  padding:0 6px!important;
  border:1px solid rgba(181,112,221,.42)!important;
  border-radius:4px!important;
  background:rgba(151,91,189,.13)!important;
  color:#d9b9eb!important;
  font:800 7px/1 "DM Mono",monospace!important;
  letter-spacing:.1em!important;
}

/* 2026-08-04 v208 — the race notice is an editorial event module, not a
   glowing promo card. Flat surfaces, useful context, and deliberate spacing
   separate it from the Open Games controls without fighting the page. */
html.gf-scale .cf-main>#gfAnnounce.race-banner{
  display:grid!important;
  grid-template-columns:minmax(300px,1.2fr) 150px 168px minmax(245px,.9fr) 142px 24px!important;
  align-items:center!important;
  column-gap:22px!important;
  width:auto!important;
  height:88px!important;
  min-height:88px!important;
  margin:0 0 16px!important;
  padding:0 18px 0 24px!important;
  border:1px solid #302d36!important;
  border-radius:7px!important;
  background:#15141a!important;
  box-shadow:none!important;
  overflow:hidden!important;
  cursor:pointer!important;
  transition:border-color .14s ease,background-color .14s ease!important;
}
html.gf-scale .cf-main>#gfAnnounce.race-banner:hover{
  border:1px solid #3a3540!important;
  background:#16151b!important;
  box-shadow:none!important;
}
html.gf-scale .cf-main>#gfAnnounce.race-banner::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:18px!important;
  bottom:18px!important;
  width:2px!important;
  border:0!important;
  border-radius:0 2px 2px 0!important;
  background:#9665b5!important;
}
html.gf-scale .cf-main>#gfAnnounce.race-banner::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}
#gfAnnounce .rb-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:8px!important;
}
#gfAnnounce .rb-title-row{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
}
#gfAnnounce .rb-title-row>b{
  min-width:0!important;
  overflow:hidden!important;
  color:#f3eff5!important;
  font:750 17px/1 "Space Grotesk",Manrope,sans-serif!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
#gfAnnounce .rb-live{
  flex:none!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  color:#c79ddd!important;
  font:800 8px/1 "DM Mono",monospace!important;
  letter-spacing:.12em!important;
}
#gfAnnounce .rb-live>i{
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#9f6abb!important;
  box-shadow:none!important;
}
#gfAnnounce .rb-copy>small{
  max-width:430px!important;
  overflow:hidden!important;
  color:#948d9b!important;
  font:600 11.5px/1.25 Manrope,sans-serif!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
#gfAnnounce .rb-pool,
#gfAnnounce .rb-timer{
  align-self:stretch!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:5px!important;
  padding:0 0 0 22px!important;
  border:0!important;
  border-left:1px solid #2c2931!important;
}
#gfAnnounce .rb-pool>span,
#gfAnnounce .rb-timer-lbl,
#gfAnnounce .rb-prizes-label{
  color:#a59bab!important;
  font:800 8px/1 "DM Mono",monospace!important;
  letter-spacing:.13em!important;
}
#gfAnnounce .rb-pool>b{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#f0ebf3!important;
  font:750 20px/1 "Space Grotesk",Manrope,sans-serif!important;
  letter-spacing:-.025em!important;
  font-variant-numeric:tabular-nums!important;
}
#gfAnnounce .rb-pool>b>.g-coin{
  width:19px!important;
  height:19px!important;
}
#gfAnnounce .rb-pool>small,
#gfAnnounce .rb-timer>small{
  color:#786f80!important;
  font:800 7px/1 "DM Mono",monospace!important;
  letter-spacing:.12em!important;
}
#gfAnnounce .rb-timer>b{
  color:#e7e1ea!important;
  font:750 18px/1 "Space Grotesk",Manrope,sans-serif!important;
  letter-spacing:0!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}
#gfAnnounce .rb-timer>b>i{
  margin:0 4px 0 1px!important;
  color:#9a719f!important;
  font:750 9px/1 "Space Grotesk",Manrope,sans-serif!important;
  font-style:normal!important;
}
#gfAnnounce .rb-prizes{
  align-self:stretch!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:7px!important;
  padding-left:22px!important;
  border-left:1px solid #2c2931!important;
  opacity:1!important;
}
#gfAnnounce .rb-prize-items{
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
}
#gfAnnounce .rb-prize-items>span{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
#gfAnnounce .rb-prize-items img{
  flex:none!important;
  width:38px!important;
  max-width:38px!important;
  height:34px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))!important;
}
#gfAnnounce .rb-prize-items small{
  min-width:0!important;
  overflow:hidden!important;
  color:#b2aab7!important;
  font:650 9px/1.15 Manrope,sans-serif!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
#gfAnnounce .rb-cta{
  justify-self:end!important;
  min-width:142px!important;
  height:38px!important;
  padding:0 14px!important;
  border:1px solid #5e476c!important;
  border-radius:5px!important;
  background:#1b1820!important;
  box-shadow:none!important;
  color:#ded3e4!important;
  font:800 9px/1 "DM Mono",monospace!important;
  letter-spacing:.055em!important;
  animation:none!important;
  transform:none!important;
}
#gfAnnounce .rb-cta>span{
  margin-left:6px!important;
  color:#aa79c2!important;
  font:700 14px/1 Manrope,sans-serif!important;
}
#gfAnnounce .rb-cta:hover{
  border-color:#805b92!important;
  background:#201a25!important;
  box-shadow:none!important;
  color:#fff!important;
  transform:none!important;
}
#gfAnnounce .rb-x{
  display:grid!important;
  place-items:center!important;
  justify-self:end!important;
  width:24px!important;
  height:32px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#746d78!important;
  font:500 18px/1 Manrope,sans-serif!important;
}
#gfAnnounce .rb-x:hover{
  color:#c9c1ce!important;
  background:transparent!important;
}

@media(max-width:1600px){
  html.gf-scale .cf-main>#gfAnnounce.race-banner{
    grid-template-columns:minmax(245px,1.15fr) 132px 154px minmax(150px,.7fr) 124px 22px!important;
    column-gap:16px!important;
    padding-left:20px!important;
  }
  #gfAnnounce .rb-pool,
  #gfAnnounce .rb-timer,
  #gfAnnounce .rb-prizes{padding-left:16px!important}
  #gfAnnounce .rb-prize-items small{display:none!important}
  #gfAnnounce .rb-cta{min-width:124px!important;padding-inline:10px!important}
}

@media(max-width:1200px){
  html.gf-scale .cf-main>#gfAnnounce.race-banner{
    grid-template-columns:minmax(220px,1fr) 126px 148px 92px 108px 20px!important;
    column-gap:12px!important;
  }
  #gfAnnounce .rb-copy>small,
  #gfAnnounce .rb-prizes-label{display:none!important}
  #gfAnnounce .rb-prizes{padding-left:12px!important}
  #gfAnnounce .rb-prize-items{justify-content:center!important;gap:7px!important}
  #gfAnnounce .rb-prize-items img{width:32px!important;max-width:32px!important;height:32px!important}
  #gfAnnounce .rb-cta{min-width:108px!important;font-size:8px!important}
}

@media(max-width:900px){
  html.gf-scale .cf-main>#gfAnnounce.race-banner{
    grid-template-columns:minmax(0,1fr) 112px 22px!important;
    grid-template-areas:"copy pool close" "timer prizes cta"!important;
    gap:12px 14px!important;
    height:auto!important;
    min-height:116px!important;
    padding:14px 14px 14px 20px!important;
  }
  #gfAnnounce .rb-copy{grid-area:copy!important}
  #gfAnnounce .rb-pool{grid-area:pool!important}
  #gfAnnounce .rb-timer{grid-area:timer!important}
  #gfAnnounce .rb-prizes{grid-area:prizes!important}
  #gfAnnounce .rb-cta{grid-area:cta!important;min-width:100px!important;width:100%!important}
  #gfAnnounce .rb-x{grid-area:close!important}
  #gfAnnounce .rb-pool,
  #gfAnnounce .rb-timer,
  #gfAnnounce .rb-prizes{padding-left:14px!important}
}

/* 2026-08-04 v209 — compact, visual event strip. Keep only the information
   that earns its space and let the prize art identify the promotion. */
html.gf-scale .cf-main>#gfAnnounce.race-banner{
  grid-template-columns:minmax(240px,1.12fr) 142px 168px minmax(190px,.78fr) 86px 20px!important;
  column-gap:20px!important;
  height:72px!important;
  min-height:72px!important;
  margin:0 0 12px!important;
  padding:0 16px 0 20px!important;
}
html.gf-scale .cf-main>#gfAnnounce.race-banner::before{
  top:15px!important;
  bottom:15px!important;
}
#gfAnnounce .rb-copy{
  flex-direction:row!important;
  align-items:center!important;
  gap:12px!important;
}
#gfAnnounce .rb-event-mark{
  flex:none!important;
  width:36px!important;
  height:36px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:3px!important;
  padding:8px 7px!important;
  border:1px solid #3a3340!important;
  border-radius:7px!important;
  background:#19171d!important;
}
#gfAnnounce .rb-event-mark>i{
  width:4px!important;
  border-radius:2px 2px 0 0!important;
  background:#7d5b8f!important;
}
#gfAnnounce .rb-event-mark>i:nth-child(1){height:8px!important;background:#65506f!important}
#gfAnnounce .rb-event-mark>i:nth-child(2){height:18px!important;background:#aa72c4!important}
#gfAnnounce .rb-event-mark>i:nth-child(3){height:12px!important;background:#806092!important}
#gfAnnounce .rb-copy-text{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:5px!important;
}
#gfAnnounce .rb-copy-text>b{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  color:#f3eff5!important;
  font:750 16px/1 "Space Grotesk",Manrope,sans-serif!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
#gfAnnounce .rb-live{
  gap:5px!important;
  font-size:7.5px!important;
}
#gfAnnounce .rb-live>i{
  width:5px!important;
  height:5px!important;
}
#gfAnnounce .rb-pool,
#gfAnnounce .rb-timer{
  gap:5px!important;
  padding-left:18px!important;
}
#gfAnnounce .rb-pool>b{
  font-size:19px!important;
}
#gfAnnounce .rb-pool>b>.g-coin{
  width:18px!important;
  height:18px!important;
}
#gfAnnounce .rb-timer>b{
  font-size:17px!important;
}
#gfAnnounce .rb-prizes{
  display:grid!important;
  grid-template-columns:max-content minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:start!important;
  gap:12px!important;
  padding-left:18px!important;
}
#gfAnnounce .rb-prize-items{
  justify-content:flex-start!important;
  gap:6px!important;
}
#gfAnnounce .rb-prize-items>span{
  display:block!important;
}
#gfAnnounce .rb-prize-items img{
  width:48px!important;
  max-width:48px!important;
  height:46px!important;
}
#gfAnnounce .rb-cta{
  min-width:86px!important;
  width:86px!important;
  height:34px!important;
  padding:0 10px!important;
}
#gfAnnounce .rb-x{
  width:20px!important;
  height:30px!important;
}

@media(max-width:1600px){
  html.gf-scale .cf-main>#gfAnnounce.race-banner{
    grid-template-columns:minmax(218px,1fr) 126px 150px minmax(142px,.68fr) 78px 20px!important;
    column-gap:14px!important;
  }
  #gfAnnounce .rb-pool,
  #gfAnnounce .rb-timer,
  #gfAnnounce .rb-prizes{padding-left:14px!important}
  #gfAnnounce .rb-prizes{gap:7px!important}
  #gfAnnounce .rb-prize-items img{width:40px!important;max-width:40px!important;height:40px!important}
  #gfAnnounce .rb-cta{min-width:78px!important;width:78px!important}
}

@media(max-width:1200px){
  html.gf-scale .cf-main>#gfAnnounce.race-banner{
    grid-template-columns:minmax(190px,1fr) 118px 144px 82px 72px 18px!important;
    column-gap:10px!important;
  }
  #gfAnnounce .rb-event-mark{width:32px!important;height:32px!important;padding:7px 6px!important}
  #gfAnnounce .rb-copy{gap:9px!important}
  #gfAnnounce .rb-copy-text>b{font-size:14px!important}
  #gfAnnounce .rb-prizes-label{display:none!important}
  #gfAnnounce .rb-prizes{grid-template-columns:1fr!important;padding-left:10px!important}
  #gfAnnounce .rb-prize-items{justify-content:center!important}
  #gfAnnounce .rb-prize-items img{width:34px!important;max-width:34px!important;height:36px!important}
  #gfAnnounce .rb-cta{min-width:72px!important;width:72px!important}
}

@media(max-width:900px){
  html.gf-scale .cf-main>#gfAnnounce.race-banner{
    grid-template-columns:minmax(0,1fr) 112px 22px!important;
    grid-template-areas:"copy pool close" "timer prizes cta"!important;
    gap:10px 12px!important;
    height:auto!important;
    min-height:102px!important;
    padding:12px 12px 12px 18px!important;
  }
  #gfAnnounce .rb-prizes{grid-template-columns:1fr!important}
  #gfAnnounce .rb-cta{width:100%!important;min-width:68px!important}
}

/* 2026-08-04 v210 — remove the app-like LIVE/podium treatment. The event is
   identified by one strong title, larger values, and the actual prize art. */
html.gf-scale .cf-main>#gfAnnounce.race-banner{
  grid-template-columns:minmax(270px,1.12fr) 154px 178px minmax(235px,.82fr) 86px 20px!important;
  column-gap:22px!important;
  height:82px!important;
  min-height:82px!important;
  margin:0 0 16px!important;
  padding:0 16px 0 24px!important;
  border:1px solid #393340!important;
  border-radius:8px!important;
  background:#18161d!important;
  box-shadow:none!important;
}
html.gf-scale .cf-main>#gfAnnounce.race-banner:hover{
  border-color:#463c4c!important;
  background:#1a181f!important;
  box-shadow:none!important;
}
html.gf-scale .cf-main>#gfAnnounce.race-banner::before{
  top:0!important;
  bottom:0!important;
  width:3px!important;
  border-radius:7px 0 0 7px!important;
  background:#9c68b8!important;
}
#gfAnnounce .rb-copy{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  min-width:0!important;
  gap:0!important;
}
#gfAnnounce .rb-copy>b{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  color:#f5f1f6!important;
  font:760 22px/1 "Space Grotesk",Manrope,sans-serif!important;
  letter-spacing:-.025em!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
#gfAnnounce .rb-pool,
#gfAnnounce .rb-timer{
  gap:7px!important;
  padding-left:22px!important;
}
#gfAnnounce .rb-pool>span,
#gfAnnounce .rb-timer-lbl{
  color:#aaa0af!important;
  font-size:8.5px!important;
}
#gfAnnounce .rb-pool>b{
  font-size:22px!important;
}
#gfAnnounce .rb-pool>b>.g-coin{
  width:21px!important;
  height:21px!important;
}
#gfAnnounce .rb-timer>b{
  color:#eee9f0!important;
  font-size:19px!important;
}
#gfAnnounce .rb-timer>b>i{
  font-size:10px!important;
}
#gfAnnounce .rb-prizes{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  padding-left:22px!important;
}
#gfAnnounce .rb-prize-items{
  width:100%!important;
  justify-content:center!important;
  gap:18px!important;
}
#gfAnnounce .rb-prize-items img{
  width:60px!important;
  max-width:60px!important;
  height:56px!important;
  filter:drop-shadow(0 4px 5px rgba(0,0,0,.42))!important;
}
#gfAnnounce .rb-cta{
  min-width:86px!important;
  width:86px!important;
  height:38px!important;
  border-color:#71527f!important;
  background:#1e1a23!important;
  font-size:9px!important;
}
#gfAnnounce .rb-cta:hover{
  border-color:#9165a4!important;
  background:#241d2a!important;
}

@media(max-width:1600px){
  html.gf-scale .cf-main>#gfAnnounce.race-banner{
    grid-template-columns:minmax(230px,1fr) 134px 158px minmax(165px,.7fr) 78px 20px!important;
    column-gap:16px!important;
    height:78px!important;
    min-height:78px!important;
  }
  #gfAnnounce .rb-copy>b{font-size:20px!important}
  #gfAnnounce .rb-pool,
  #gfAnnounce .rb-timer,
  #gfAnnounce .rb-prizes{padding-left:16px!important}
  #gfAnnounce .rb-prize-items{gap:10px!important}
  #gfAnnounce .rb-prize-items img{width:52px!important;max-width:52px!important;height:50px!important}
  #gfAnnounce .rb-cta{min-width:78px!important;width:78px!important}
}

@media(max-width:1200px){
  html.gf-scale .cf-main>#gfAnnounce.race-banner{
    grid-template-columns:minmax(185px,1fr) 122px 146px 90px 72px 18px!important;
    column-gap:10px!important;
  }
  #gfAnnounce .rb-copy>b{font-size:17px!important}
  #gfAnnounce .rb-pool,
  #gfAnnounce .rb-timer,
  #gfAnnounce .rb-prizes{padding-left:11px!important}
  #gfAnnounce .rb-prize-items{gap:3px!important}
  #gfAnnounce .rb-prize-items img{width:40px!important;max-width:40px!important;height:42px!important}
  #gfAnnounce .rb-cta{min-width:72px!important;width:72px!important}
}

@media(max-width:900px){
  html.gf-scale .cf-main>#gfAnnounce.race-banner{
    grid-template-columns:minmax(0,1fr) 112px 22px!important;
    grid-template-areas:"copy pool close" "timer prizes cta"!important;
    gap:10px 12px!important;
    height:auto!important;
    min-height:108px!important;
    padding:12px 12px 12px 18px!important;
  }
  #gfAnnounce .rb-copy{grid-area:copy!important}
  #gfAnnounce .rb-pool{grid-area:pool!important}
  #gfAnnounce .rb-timer{grid-area:timer!important}
  #gfAnnounce .rb-prizes{grid-area:prizes!important}
  #gfAnnounce .rb-cta{grid-area:cta!important;width:100%!important;min-width:68px!important}
  #gfAnnounce .rb-x{grid-area:close!important}
}

/* 2026-08-04 v211 — graphite event palette. Color belongs to the inventory
   artwork and token mark; the surrounding UI stays quiet and expensive. */
html.gf-scale .cf-main>#gfAnnounce.race-banner{
  border-color:#2c2931!important;
  background:#141318!important;
  box-shadow:inset 0 1px rgba(255,255,255,.014)!important;
}
html.gf-scale .cf-main>#gfAnnounce.race-banner:hover{
  border-color:#36323b!important;
  background:#151419!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
}
html.gf-scale .cf-main>#gfAnnounce.race-banner::before{
  width:2px!important;
  background:#65586c!important;
}
#gfAnnounce .rb-copy>b{
  color:#f0edf2!important;
}
#gfAnnounce .rb-pool,
#gfAnnounce .rb-timer,
#gfAnnounce .rb-prizes{
  border-left-color:#28252d!important;
}
#gfAnnounce .rb-pool>span,
#gfAnnounce .rb-timer-lbl{
  color:#8b8490!important;
}
#gfAnnounce .rb-pool>b,
#gfAnnounce .rb-timer>b{
  color:#e8e4ea!important;
}
#gfAnnounce .rb-timer>b>i{
  color:#827488!important;
}
#gfAnnounce .rb-prize-items img{
  filter:saturate(.9) contrast(.98) drop-shadow(0 3px 4px rgba(0,0,0,.36))!important;
}
#gfAnnounce .rb-cta{
  border-color:#403946!important;
  background:#17151b!important;
  color:#cbc5cf!important;
}
#gfAnnounce .rb-cta>span{
  color:#8f7899!important;
}
#gfAnnounce .rb-cta:hover{
  border-color:#5b4d62!important;
  background:#1a171e!important;
  color:#f4f0f5!important;
}
#gfAnnounce .rb-x{
  color:#6d6771!important;
}

/* 2026-08-04 v212 — editorial race module. One typographic focal point,
   oversized real prize art, and one action zone replace the KPI-table layout. */
html.gf-scale .cf-main>#gfAnnounce.race-banner--editorial{
  position:relative!important;
  isolation:isolate!important;
  display:grid!important;
  grid-template-columns:minmax(270px,.86fr) minmax(360px,1.3fr) minmax(320px,.94fr) 22px!important;
  grid-template-areas:"summary art actions dismiss"!important;
  align-items:center!important;
  column-gap:24px!important;
  box-sizing:border-box!important;
  width:auto!important;
  height:96px!important;
  min-height:96px!important;
  margin:0 0 12px!important;
  padding:0 14px 0 24px!important;
  overflow:hidden!important;
  border:0!important;
  border-top:1px solid #2b2832!important;
  border-bottom:1px solid #2b2832!important;
  border-radius:0!important;
  background:linear-gradient(90deg,#161518 0%,#131217 68%,#121215 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.016)!important;
  cursor:default!important;
}
html.gf-scale .cf-main>#gfAnnounce.race-banner--editorial:hover{
  border:0!important;
  border-top:1px solid #302d37!important;
  border-bottom:1px solid #302d37!important;
  background:linear-gradient(90deg,#171619 0%,#141318 68%,#131216 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.02)!important;
}
#gfAnnounce.race-banner--editorial::before,
#gfAnnounce.race-banner--editorial::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}
#gfAnnounce .rb-summary{
  grid-area:summary!important;
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:10px!important;
}
#gfAnnounce .rb-summary>h2{
  max-width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  color:#f5f0fa!important;
  font:730 16px/1 "Space Grotesk",Manrope,sans-serif!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
#gfAnnounce .rb-line{
  min-width:0!important;
  display:flex!important;
  align-items:baseline!important;
  gap:10px!important;
}
#gfAnnounce .rb-value{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#f8f5fa!important;
  font:740 30px/.94 "Space Grotesk",Manrope,sans-serif!important;
  letter-spacing:-.045em!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}
#gfAnnounce .rb-value>.g-coin{
  flex:none!important;
  width:25px!important;
  height:25px!important;
}
#gfAnnounce .rb-pool-label,
#gfAnnounce .rb-countdown>span{
  color:#8d8693!important;
  font:800 8px/1 "DM Mono",monospace!important;
  letter-spacing:.13em!important;
  white-space:nowrap!important;
}
#gfAnnounce .rb-art{
  grid-area:art!important;
  position:relative!important;
  align-self:stretch!important;
  min-width:0!important;
  height:100%!important;
  overflow:visible!important;
  pointer-events:none!important;
}
#gfAnnounce .rb-art>img{
  position:absolute!important;
  top:50%!important;
  height:auto!important;
  max-width:none!important;
  object-fit:contain!important;
  transform-origin:center!important;
  filter:saturate(.98) contrast(1.02) drop-shadow(0 7px 8px rgba(0,0,0,.44))!important;
}
#gfAnnounce .rb-art-evergreen{
  left:7%!important;
  width:146px!important;
  transform:translateY(-50%) rotate(-2deg)!important;
}
#gfAnnounce .rb-art-gingerscope{
  right:5%!important;
  width:174px!important;
  transform:translateY(-50%) rotate(2deg)!important;
}
#gfAnnounce .rb-actions{
  grid-area:actions!important;
  align-self:stretch!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(155px,1fr) 126px!important;
  align-items:center!important;
  column-gap:22px!important;
  padding-left:24px!important;
  border-left:1px solid rgba(116,103,135,.22)!important;
}
#gfAnnounce .rb-countdown{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:8px!important;
}
#gfAnnounce .rb-countdown>b{
  color:#e8e3eb!important;
  font:730 20px/1 "Space Grotesk",Manrope,sans-serif!important;
  letter-spacing:0!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}
#gfAnnounce .rb-countdown>b>i{
  margin:0 4px 0 1px!important;
  color:#8b7e91!important;
  font:730 10px/1 "Space Grotesk",Manrope,sans-serif!important;
  font-style:normal!important;
}
#gfAnnounce .rb-open{
  width:126px!important;
  min-width:126px!important;
  height:40px!important;
  padding:0 13px!important;
  border:1px solid #4b414f!important;
  border-radius:5px!important;
  background:#17151b!important;
  box-shadow:none!important;
  color:#d9d3dc!important;
  font:800 8.5px/1 "DM Mono",monospace!important;
  letter-spacing:.055em!important;
  cursor:pointer!important;
  transition:border-color .14s ease,background-color .14s ease,color .14s ease!important;
}
#gfAnnounce .rb-open:hover{
  border-color:#67566c!important;
  background:#1b1820!important;
  color:#fff!important;
}
#gfAnnounce .rb-open:focus-visible{
  outline:2px solid #8d69a0!important;
  outline-offset:2px!important;
}
#gfAnnounce .rb-dismiss{
  grid-area:dismiss!important;
  position:relative!important;
  z-index:3!important;
  display:grid!important;
  place-items:center!important;
  justify-self:end!important;
  width:22px!important;
  height:32px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#6f6974!important;
  font:500 18px/1 Manrope,sans-serif!important;
  cursor:pointer!important;
}
#gfAnnounce .rb-dismiss:hover{
  color:#cec7d1!important;
}

@media(max-width:1600px){
  html.gf-scale .cf-main>#gfAnnounce.race-banner--editorial{
    grid-template-columns:minmax(235px,.82fr) minmax(285px,1.18fr) minmax(290px,.92fr) 20px!important;
    column-gap:17px!important;
    height:92px!important;
    min-height:92px!important;
    padding-left:20px!important;
  }
  #gfAnnounce .rb-art-evergreen{left:4%!important;width:132px!important}
  #gfAnnounce .rb-art-gingerscope{right:2%!important;width:156px!important}
  #gfAnnounce .rb-actions{grid-template-columns:minmax(145px,1fr) 112px!important;column-gap:15px!important;padding-left:18px!important}
  #gfAnnounce .rb-open{width:112px!important;min-width:112px!important;padding-inline:9px!important;font-size:8px!important}
}

@media(max-width:1450px){
  html.gf-scale .cf-main>#gfAnnounce.race-banner--editorial{
    grid-template-columns:minmax(185px,.82fr) minmax(160px,1fr) minmax(225px,.95fr) 18px!important;
    column-gap:8px!important;
    height:88px!important;
    min-height:88px!important;
    padding:0 8px 0 14px!important;
  }
  #gfAnnounce .rb-summary{gap:8px!important}
  #gfAnnounce .rb-summary>h2{font-size:14px!important}
  #gfAnnounce .rb-value{font-size:26px!important}
  #gfAnnounce .rb-value>.g-coin{width:22px!important;height:22px!important}
  #gfAnnounce .rb-pool-label{display:none!important}
  #gfAnnounce .rb-art-evergreen{left:0!important;width:104px!important}
  #gfAnnounce .rb-art-gingerscope{right:-3%!important;width:122px!important}
  #gfAnnounce .rb-actions{grid-template-columns:minmax(128px,1fr) 88px!important;column-gap:7px!important;padding-left:11px!important}
  #gfAnnounce .rb-countdown>b{font-size:17px!important}
  #gfAnnounce .rb-open{width:88px!important;min-width:88px!important;height:36px!important;padding-inline:6px!important;font-size:7px!important}
}

@media(max-width:1200px){
  html.gf-scale .cf-main>#gfAnnounce.race-banner--editorial{
    grid-template-columns:minmax(170px,.84fr) minmax(140px,1fr) minmax(210px,.95fr) 18px!important;
    column-gap:8px!important;
    height:88px!important;
    min-height:88px!important;
    padding:0 8px 0 14px!important;
  }
  #gfAnnounce .rb-summary{gap:8px!important}
  #gfAnnounce .rb-summary>h2{font-size:14px!important}
  #gfAnnounce .rb-value{font-size:26px!important}
  #gfAnnounce .rb-value>.g-coin{width:22px!important;height:22px!important}
  #gfAnnounce .rb-pool-label{display:none!important}
  #gfAnnounce .rb-art-evergreen{left:0!important;width:112px!important}
  #gfAnnounce .rb-art-gingerscope{right:-5%!important;width:132px!important}
  #gfAnnounce .rb-actions{grid-template-columns:minmax(134px,1fr) 94px!important;column-gap:10px!important;padding-left:13px!important}
  #gfAnnounce .rb-countdown>b{font-size:17px!important}
  #gfAnnounce .rb-open{width:94px!important;min-width:94px!important;height:36px!important;font-size:7.5px!important}
}

@media(max-width:1100px){
  html.gf-scale .cf-main>#gfAnnounce.race-banner--editorial{
    grid-template-columns:minmax(170px,.9fr) minmax(150px,1fr) 20px!important;
    grid-template-rows:60px 50px!important;
    grid-template-areas:"summary art dismiss" "actions actions actions"!important;
    gap:0 10px!important;
    height:auto!important;
    min-height:112px!important;
    padding:0 10px 0 16px!important;
  }
  #gfAnnounce .rb-art-evergreen{left:1%!important;width:94px!important}
  #gfAnnounce .rb-art-gingerscope{right:0!important;width:108px!important}
  #gfAnnounce .rb-actions{
    grid-template-columns:minmax(150px,1fr) 108px!important;
    align-self:stretch!important;
    column-gap:12px!important;
    padding:0!important;
    border-left:0!important;
    border-top:1px solid rgba(116,103,135,.2)!important;
  }
  #gfAnnounce .rb-open{width:108px!important;min-width:108px!important}
}

/* 2026-08-04 v213 — compact, branded race notice. The prizes now support the
   message instead of filling the strip; violet is kept to quiet brand cues. */
html.gf-scale .cf-main>#gfAnnounce.race-banner--editorial{
  isolation:isolate!important;
  grid-template-columns:minmax(270px,.94fr) minmax(260px,1.04fr) minmax(310px,1fr) 22px!important;
  grid-template-areas:"summary art actions dismiss"!important;
  column-gap:24px!important;
  height:88px!important;
  min-height:88px!important;
  margin:0 0 10px!important;
  padding:0 14px 0 24px!important;
  border:0!important;
  border-top:1px solid #302c35!important;
  border-bottom:1px solid #2b2831!important;
  border-radius:0!important;
  background:
    radial-gradient(ellipse 27% 120% at 49% 50%,rgba(152,107,211,.085),transparent 72%),
    linear-gradient(90deg,#17151b 0%,#141318 64%,#121216 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.022)!important;
}
html.gf-scale .cf-main>#gfAnnounce.race-banner--editorial:hover{
  border:0!important;
  border-top:1px solid #302c35!important;
  border-bottom:1px solid #2b2831!important;
  background:
    radial-gradient(ellipse 27% 120% at 49% 50%,rgba(152,107,211,.085),transparent 72%),
    linear-gradient(90deg,#17151b 0%,#141318 64%,#121216 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.022)!important;
}
#gfAnnounce.race-banner--editorial::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:5!important;
  top:-1px!important;
  left:24px!important;
  width:92px!important;
  height:2px!important;
  background:linear-gradient(90deg,#9b6ec3 0%,rgba(155,110,195,0) 100%)!important;
  animation:none!important;
}
#gfAnnounce.race-banner--editorial::after{
  content:none!important;
  display:none!important;
}
#gfAnnounce .rb-summary{
  gap:8px!important;
}
#gfAnnounce .rb-summary>h2{
  color:#f4eef6!important;
  font-size:15px!important;
  font-weight:720!important;
  letter-spacing:-.015em!important;
}
#gfAnnounce .rb-line{
  align-items:center!important;
  gap:11px!important;
}
#gfAnnounce .rb-value{
  color:#faf7fb!important;
  font-size:29px!important;
}
#gfAnnounce .rb-value>.g-coin{
  width:24px!important;
  height:24px!important;
}
#gfAnnounce .rb-pool-label{
  color:#bea1cb!important;
}
#gfAnnounce .rb-art{
  isolation:isolate!important;
  overflow:hidden!important;
}
#gfAnnounce .rb-art::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  inset:4px 20%!important;
  opacity:.045!important;
  background:url("assets/gf-mark.png") center/84px auto no-repeat!important;
  filter:grayscale(.25)!important;
  pointer-events:none!important;
}
#gfAnnounce .rb-art::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  left:28%!important;
  right:28%!important;
  bottom:14px!important;
  height:1px!important;
  opacity:.48!important;
  background:linear-gradient(90deg,transparent,rgba(177,133,206,.78),transparent)!important;
}
#gfAnnounce .rb-art>img{
  z-index:2!important;
  top:50%!important;
  right:auto!important;
  filter:saturate(.98) contrast(1.02) drop-shadow(0 4px 5px rgba(0,0,0,.4))!important;
}
#gfAnnounce .rb-art-evergreen{
  left:43%!important;
  width:88px!important;
  transform:translate(-50%,-50%) rotate(-7deg)!important;
}
#gfAnnounce .rb-art-gingerscope{
  left:57%!important;
  width:104px!important;
  transform:translate(-50%,-50%) scaleX(-1) rotate(-4deg)!important;
}
#gfAnnounce .rb-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:24px!important;
  padding-left:0!important;
  border-left:0!important;
}
#gfAnnounce .rb-countdown{
  flex:0 1 172px!important;
  gap:7px!important;
}
#gfAnnounce .rb-countdown>span{
  color:#908793!important;
}
#gfAnnounce .rb-countdown>b{
  color:#eee9f0!important;
  font-size:19px!important;
}
#gfAnnounce .rb-countdown>b>i{
  color:#aa88b8!important;
}
#gfAnnounce .rb-open{
  flex:none!important;
  width:120px!important;
  min-width:120px!important;
  height:38px!important;
  border-color:#705382!important;
  border-radius:5px!important;
  background:#1d1822!important;
  color:#e9e1ec!important;
}
#gfAnnounce .rb-open:hover{
  border-color:#966bb0!important;
  background:#251d2c!important;
  color:#fff!important;
}

@media(max-width:1600px){
  html.gf-scale .cf-main>#gfAnnounce.race-banner--editorial{
    grid-template-columns:minmax(230px,.9fr) minmax(220px,1fr) minmax(280px,1fr) 20px!important;
    column-gap:17px!important;
    height:86px!important;
    min-height:86px!important;
    padding-left:20px!important;
  }
  #gfAnnounce.race-banner--editorial::before{left:20px!important;width:82px!important}
  #gfAnnounce .rb-art-evergreen{width:78px!important}
  #gfAnnounce .rb-art-gingerscope{width:92px!important}
  #gfAnnounce .rb-actions{gap:16px!important}
  #gfAnnounce .rb-countdown{flex-basis:160px!important}
  #gfAnnounce .rb-open{width:108px!important;min-width:108px!important;font-size:8px!important}
}

@media(max-width:1450px){
  html.gf-scale .cf-main>#gfAnnounce.race-banner--editorial{
    grid-template-columns:minmax(180px,.9fr) minmax(150px,.92fr) minmax(220px,1.05fr) 18px!important;
    column-gap:10px!important;
    height:84px!important;
    min-height:84px!important;
    padding:0 8px 0 15px!important;
  }
  #gfAnnounce.race-banner--editorial::before{left:15px!important;width:70px!important}
  #gfAnnounce .rb-summary>h2{font-size:14px!important}
  #gfAnnounce .rb-value{font-size:26px!important}
  #gfAnnounce .rb-value>.g-coin{width:22px!important;height:22px!important}
  #gfAnnounce .rb-pool-label{display:none!important}
  #gfAnnounce .rb-art-evergreen{width:68px!important}
  #gfAnnounce .rb-art-gingerscope{width:80px!important}
  #gfAnnounce .rb-actions{gap:9px!important}
  #gfAnnounce .rb-countdown{flex-basis:132px!important}
  #gfAnnounce .rb-countdown>b{font-size:17px!important}
  #gfAnnounce .rb-open{width:92px!important;min-width:92px!important;height:35px!important;font-size:7px!important}
}

@media(max-width:1200px){
  html.gf-scale .cf-main>#gfAnnounce.race-banner--editorial{
    grid-template-columns:minmax(170px,.92fr) minmax(135px,.88fr) minmax(205px,1.06fr) 18px!important;
    column-gap:8px!important;
  }
  #gfAnnounce .rb-art-evergreen{width:64px!important}
  #gfAnnounce .rb-art-gingerscope{width:76px!important}
  #gfAnnounce .rb-countdown{flex-basis:126px!important}
  #gfAnnounce .rb-open{width:88px!important;min-width:88px!important}
}

@media(max-width:1100px){
  html.gf-scale .cf-main>#gfAnnounce.race-banner--editorial{
    grid-template-columns:minmax(170px,.9fr) minmax(145px,1fr) 20px!important;
    grid-template-rows:60px 48px!important;
    grid-template-areas:"summary art dismiss" "actions actions actions"!important;
    height:auto!important;
    min-height:110px!important;
    padding:0 10px 0 16px!important;
  }
  #gfAnnounce.race-banner--editorial::before{left:16px!important;width:68px!important}
  #gfAnnounce .rb-art::before{background-size:66px auto!important}
  #gfAnnounce .rb-art-evergreen{width:60px!important}
  #gfAnnounce .rb-art-gingerscope{width:70px!important}
  #gfAnnounce .rb-actions{
    justify-content:space-between!important;
    padding:0!important;
    border-top:1px solid rgba(116,103,135,.2)!important;
  }
  #gfAnnounce .rb-countdown{flex-basis:auto!important}
  #gfAnnounce .rb-open{width:104px!important;min-width:104px!important}
}

/* 2026-08-04 v214 — keep both featured prizes fully inside the race strip.
   Their native silhouettes are clearer separated than crossed or mirrored. */
#gfAnnounce .rb-art-evergreen{
  left:63%!important;
  width:72px!important;
  transform:translate(-50%,-50%)!important;
}
#gfAnnounce .rb-art-gingerscope{
  left:37%!important;
  width:76px!important;
  transform:translate(-50%,-50%)!important;
}

@media(max-width:1600px){
  #gfAnnounce .rb-art-evergreen{left:63%!important;width:66px!important}
  #gfAnnounce .rb-art-gingerscope{left:37%!important;width:70px!important}
}

@media(max-width:1450px){
  #gfAnnounce .rb-art-evergreen{left:64%!important;width:58px!important}
  #gfAnnounce .rb-art-gingerscope{left:36%!important;width:62px!important}
}

@media(max-width:1200px){
  #gfAnnounce .rb-art-evergreen{width:54px!important}
  #gfAnnounce .rb-art-gingerscope{width:58px!important}
}

@media(max-width:1100px){
  #gfAnnounce .rb-art-evergreen{left:63%!important;width:48px!important}
  #gfAnnounce .rb-art-gingerscope{left:37%!important;width:52px!important}
}

@media(max-width:900px){
  #gfAnnounce .rb-art-evergreen{left:63%!important;width:48px!important}
  #gfAnnounce .rb-art-gingerscope{left:37%!important;width:52px!important}
}

/* 2026-08-04 v215 — centered brand lockup with a prize on either side. */
html.gf-scale .cf-main>#gfAnnounce.race-banner--editorial{
  grid-template-columns:minmax(260px,1fr) minmax(250px,1fr) 34px!important;
  grid-template-areas:"summary actions dismiss"!important;
  column-gap:20px!important;
  padding:0 12px 0 24px!important;
}
#gfAnnounce .rb-value{
  color:#bb82e7!important;
  text-shadow:0 0 18px rgba(155,92,204,.12)!important;
}
#gfAnnounce .rb-pool-label{
  display:inline-block!important;
  color:#c9b8d0!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.105em!important;
}
#gfAnnounce .rb-art{
  position:absolute!important;
  z-index:2!important;
  top:0!important;
  left:50%!important;
  width:440px!important;
  height:100%!important;
  transform:translateX(-50%)!important;
}
#gfAnnounce .rb-art::before{
  inset:2px 34%!important;
  opacity:.2!important;
  background-size:82px auto!important;
  filter:none!important;
}
#gfAnnounce .rb-art::after{
  left:34%!important;
  right:34%!important;
  bottom:11px!important;
  opacity:.62!important;
}
#gfAnnounce .rb-art-evergreen{
  left:72%!important;
  width:66px!important;
}
#gfAnnounce .rb-art-gingerscope{
  left:28%!important;
  width:70px!important;
}
#gfAnnounce .rb-actions{
  grid-area:actions!important;
  justify-content:flex-end!important;
  padding:0!important;
  border:0!important;
}
#gfAnnounce .rb-countdown{
  flex:0 0 auto!important;
  min-width:174px!important;
}
#gfAnnounce .rb-dismiss{
  width:34px!important;
  height:38px!important;
  color:#8f8794!important;
  font-size:27px!important;
  font-weight:500!important;
}
#gfAnnounce .rb-dismiss:hover{
  color:#f1eaf4!important;
}

@media(max-width:1600px){
  html.gf-scale .cf-main>#gfAnnounce.race-banner--editorial{
    grid-template-columns:minmax(220px,1fr) minmax(215px,1fr) 32px!important;
    grid-template-areas:"summary actions dismiss"!important;
    column-gap:14px!important;
    padding-left:20px!important;
  }
  #gfAnnounce .rb-art{width:360px!important}
  #gfAnnounce .rb-art::before{background-size:74px auto!important}
  #gfAnnounce .rb-art-evergreen{left:73%!important;width:60px!important}
  #gfAnnounce .rb-art-gingerscope{left:27%!important;width:64px!important}
  #gfAnnounce .rb-countdown{min-width:164px!important}
  #gfAnnounce .rb-dismiss{width:32px!important;font-size:26px!important}
}

@media(max-width:1450px){
  html.gf-scale .cf-main>#gfAnnounce.race-banner--editorial{
    grid-template-columns:minmax(190px,1fr) minmax(190px,1fr) 30px!important;
    grid-template-areas:"summary actions dismiss"!important;
    column-gap:10px!important;
    padding-left:15px!important;
  }
  #gfAnnounce .rb-pool-label{display:inline-block!important;font-size:9px!important}
  #gfAnnounce .rb-art{width:290px!important}
  #gfAnnounce .rb-art::before{background-size:66px auto!important}
  #gfAnnounce .rb-art-evergreen{left:75%!important;width:52px!important}
  #gfAnnounce .rb-art-gingerscope{left:25%!important;width:56px!important}
  #gfAnnounce .rb-countdown{min-width:144px!important}
  #gfAnnounce .rb-dismiss{width:30px!important;font-size:25px!important}
}

@media(max-width:1200px){
  #gfAnnounce .rb-art{width:255px!important}
  #gfAnnounce .rb-art::before{background-size:60px auto!important}
  #gfAnnounce .rb-art-evergreen{left:76%!important;width:48px!important}
  #gfAnnounce .rb-art-gingerscope{left:24%!important;width:52px!important}
  #gfAnnounce .rb-countdown{min-width:132px!important}
}

@media(max-width:1100px){
  html.gf-scale .cf-main>#gfAnnounce.race-banner--editorial{
    grid-template-columns:minmax(170px,.9fr) minmax(145px,1fr) 30px!important;
    grid-template-rows:60px 48px!important;
    grid-template-areas:"summary art dismiss" "actions actions actions"!important;
    padding:0 10px 0 16px!important;
  }
  #gfAnnounce .rb-art{
    position:relative!important;
    grid-area:art!important;
    top:auto!important;
    left:auto!important;
    width:auto!important;
    height:100%!important;
    transform:none!important;
  }
  #gfAnnounce .rb-art::before{background-size:58px auto!important}
  #gfAnnounce .rb-art-evergreen{left:76%!important;width:44px!important}
  #gfAnnounce .rb-art-gingerscope{left:24%!important;width:48px!important}
  #gfAnnounce .rb-countdown{min-width:0!important}
  #gfAnnounce .rb-dismiss{width:30px!important;font-size:25px!important}
}

@media(max-width:900px){
  html.gf-scale .cf-main>#gfAnnounce.race-banner--editorial{
    grid-template-columns:minmax(185px,.9fr) minmax(155px,1fr) 30px!important;
    grid-template-rows:60px 48px!important;
    grid-template-areas:"summary art dismiss" "actions actions actions"!important;
  }
  #gfAnnounce .rb-art-evergreen{left:76%!important;width:44px!important}
  #gfAnnounce .rb-art-gingerscope{left:24%!important;width:48px!important}
}

/* 2026-08-04 v216 — optical centering and cleaner dismiss control. */
#gfAnnounce.race-banner--editorial::before{
  content:none!important;
  display:none!important;
}
#gfAnnounce .rb-art-evergreen{
  left:69%!important;
}
#gfAnnounce .rb-art-gingerscope{
  left:28%!important;
}
#gfAnnounce .rb-dismiss{
  width:40px!important;
  height:44px!important;
  font-family:Arial,sans-serif!important;
  font-size:38px!important;
  font-weight:400!important;
  line-height:1!important;
}

@media(max-width:1600px){
  #gfAnnounce .rb-art-evergreen{left:69%!important}
  #gfAnnounce .rb-art-gingerscope{left:27%!important}
  #gfAnnounce .rb-dismiss{width:38px!important;font-size:35px!important}
}

@media(max-width:1450px){
  #gfAnnounce .rb-art-evergreen{left:70%!important}
  #gfAnnounce .rb-art-gingerscope{left:25%!important}
  #gfAnnounce .rb-dismiss{width:36px!important;font-size:33px!important}
}

@media(max-width:1200px){
  #gfAnnounce .rb-art-evergreen{left:70%!important}
  #gfAnnounce .rb-art-gingerscope{left:24%!important}
}

@media(max-width:1100px){
  #gfAnnounce .rb-art-evergreen{left:70%!important}
  #gfAnnounce .rb-art-gingerscope{left:24%!important}
  #gfAnnounce .rb-dismiss{width:34px!important;font-size:32px!important}
}

@media(max-width:900px){
  #gfAnnounce .rb-art-evergreen{left:70%!important}
  #gfAnnounce .rb-art-gingerscope{left:24%!important}
}

/* 2026-08-04 v217 — balance the three-piece prize lockup by visible weight. */
#gfAnnounce .rb-art::before{
  opacity:.42!important;
  background-size:80px auto!important;
}
#gfAnnounce .rb-art-evergreen{
  left:70%!important;
  width:68px!important;
  filter:saturate(.92) brightness(.94) contrast(1.02) drop-shadow(0 4px 5px rgba(0,0,0,.4))!important;
}
#gfAnnounce .rb-art-gingerscope{
  left:30%!important;
  width:62px!important;
  filter:saturate(1.04) brightness(1.1) contrast(1.03) drop-shadow(0 4px 5px rgba(0,0,0,.4))!important;
}

@media(max-width:1600px){
  #gfAnnounce .rb-art::before{background-size:72px auto!important}
  #gfAnnounce .rb-art-evergreen{left:71%!important;width:64px!important}
  #gfAnnounce .rb-art-gingerscope{left:29%!important;width:58px!important}
}

@media(max-width:1450px){
  #gfAnnounce .rb-art::before{background-size:64px auto!important}
  #gfAnnounce .rb-art-evergreen{left:72%!important;width:58px!important}
  #gfAnnounce .rb-art-gingerscope{left:28%!important;width:52px!important}
}

@media(max-width:1200px){
  #gfAnnounce .rb-art::before{background-size:58px auto!important}
  #gfAnnounce .rb-art-evergreen{left:73%!important;width:54px!important}
  #gfAnnounce .rb-art-gingerscope{left:27%!important;width:48px!important}
}

@media(max-width:1100px){
  #gfAnnounce .rb-art::before{background-size:54px auto!important}
  #gfAnnounce .rb-art-evergreen{left:73%!important;width:46px!important}
  #gfAnnounce .rb-art-gingerscope{left:27%!important;width:42px!important}
}

@media(max-width:900px){
  #gfAnnounce .rb-art-evergreen{left:73%!important;width:46px!important}
  #gfAnnounce .rb-art-gingerscope{left:27%!important;width:42px!important}
}

/* 2026-08-04 v218 — Gingerscope faces away from the center mark. */
#gfAnnounce .rb-art-gingerscope{
  transform:translate(-50%,-50%) scaleX(-1)!important;
}

/* 2026-08-04 v219 — cleaner coinflip test: remove odds/join noise while
   retaining the useful View action and the live flip state. */
.game-list>.labels>span:nth-child(4),
#lobbyList>.lobby>.chance,
#lobbyList>.lobby .player:not(.matched)>strong,
#lobbyList>.lobby>.actions>.join{
  display:none!important;
}

@media(min-width:1681px){
  .game-list>.labels,
  #lobbyList>.lobby{
    grid-template-columns:minmax(400px,1.6fr) minmax(300px,1.15fr) 160px 100px!important;
    gap:16px!important;
  }
}

@media(min-width:901px) and (max-width:1680px){
  .game-list>.labels,
  #lobbyList>.lobby{
    grid-template-columns:minmax(0,1.65fr) minmax(0,.78fr) minmax(92px,.42fr) 88px!important;
    gap:10px!important;
  }
}

#lobbyList>.lobby>.actions{
  justify-content:flex-end!important;
}
#lobbyList>.lobby>.actions>.view{
  min-width:78px!important;
}

html.gf-scale .balance{
  transition:background-color .16s ease,box-shadow .16s ease,color .16s ease!important;
}
html.gf-scale .balance:hover{
  background:rgba(156,92,218,.09)!important;
  box-shadow:0 0 20px rgba(159,91,224,.3),inset 0 0 0 1px rgba(188,126,241,.24)!important;
}
html.gf-scale .balance:hover b{
  color:#d7a9ff!important;
  text-shadow:0 0 12px rgba(187,119,241,.42)!important;
}
html.gf-scale .balance:hover b>em{
  filter:drop-shadow(0 0 7px rgba(174,103,235,.62))!important;
}

/* 2026-08-04 v220 — POT owns and centers across the former POT + CHANCE lanes. */
@media(min-width:1681px){
  .game-list>.labels,
  #lobbyList>.lobby{
    grid-template-columns:minmax(400px,1.6fr) minmax(300px,1.15fr) 130px 130px 100px!important;
    gap:16px!important;
  }
}

@media(min-width:901px) and (max-width:1680px){
  .game-list>.labels,
  #lobbyList>.lobby{
    grid-template-columns:minmax(0,1.65fr) minmax(0,.78fr) minmax(72px,.34fr) minmax(96px,.46fr) 88px!important;
    gap:10px!important;
  }
}

.game-list>.labels>span:nth-child(3),
#lobbyList>.lobby>.pot{
  grid-column:3 / 5!important;
  width:100%!important;
  justify-self:stretch!important;
  text-align:center!important;
}
.game-list>.labels>span:nth-child(3){
  display:grid!important;
  place-items:center!important;
}
#lobbyList>.lobby>.pot{
  place-content:center!important;
  justify-items:center!important;
}
.game-list>.labels>span:nth-child(5),
#lobbyList>.lobby>.actions{
  grid-column:5!important;
}

/* 2026-08-05 v221 — labels are wrapped by .gl-scroll at runtime. Target the
   actual nested header so the combined column says POT, never CHANCE. */
.game-list .labels>span:nth-child(4){
  display:none!important;
}

@media(min-width:1681px){
  .game-list .labels{
    grid-template-columns:minmax(400px,1.6fr) minmax(300px,1.15fr) 130px 130px 100px!important;
    gap:16px!important;
  }
}

@media(min-width:901px) and (max-width:1680px){
  .game-list .labels{
    grid-template-columns:minmax(0,1.65fr) minmax(0,.78fr) minmax(72px,.34fr) minmax(96px,.46fr) 88px!important;
    gap:10px!important;
  }
}

.game-list .labels>span:nth-child(3){
  grid-column:3 / 5!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  text-align:center!important;
}
.game-list .labels>span:nth-child(5){
  grid-column:5!important;
}

/* 2026-08-05 v222 — equal ITEM and VIEW lanes put POT on their true midpoint. */
@media(min-width:1681px){
  .game-list .labels,
  #lobbyList>.lobby{
    grid-template-columns:minmax(400px,1.6fr) minmax(220px,.8fr) 180px minmax(220px,.8fr)!important;
    gap:16px!important;
  }
}

@media(min-width:901px) and (max-width:1680px){
  .game-list .labels,
  #lobbyList>.lobby{
    grid-template-columns:minmax(0,1.55fr) minmax(120px,.72fr) minmax(125px,.58fr) minmax(120px,.72fr)!important;
    gap:10px!important;
  }
}

.game-list .labels>span:nth-child(3),
#lobbyList>.lobby>.pot{
  grid-column:3!important;
}
.game-list .labels>span:nth-child(5),
#lobbyList>.lobby>.actions{
  grid-column:4!important;
}
#lobbyList>.lobby>.offer,
#lobbyList>.lobby>.actions{
  justify-content:center!important;
  justify-self:stretch!important;
}
#lobbyList>.lobby>.pot{
  width:auto!important;
  justify-self:center!important;
  place-content:center!important;
}

@media(min-width:901px){
  #lobbyList .lobby .player.matched>i{
    transform:translateX(clamp(-44px,-2.5vw,-24px))!important;
  }
}

/* 2026-08-05 v223 — balance hover highlights its contents, never a box. */
html.gf-scale .balance:hover{
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:brightness(1.12) drop-shadow(0 0 7px rgba(174,103,235,.34))!important;
}
html.gf-scale .balance:hover small,
html.gf-scale .balance:hover strong{
  color:#e0c6f6!important;
}

/* 2026-08-05 v224 — restore View to the edge and center POT between the
   visible item and button anchors. Only the BALANCE label highlights. */
@media(min-width:1681px){
  .game-list .labels,
  #lobbyList>.lobby{
    grid-template-columns:minmax(400px,1.6fr) minmax(220px,.6fr) minmax(300px,1fr) minmax(145px,.4fr)!important;
    gap:16px!important;
  }
}

@media(min-width:901px) and (max-width:1680px){
  .game-list .labels,
  #lobbyList>.lobby{
    grid-template-columns:minmax(0,1.55fr) minmax(110px,.6fr) minmax(170px,1fr) minmax(118px,.4fr)!important;
    gap:10px!important;
  }
}

#lobbyList>.lobby>.offer{
  justify-content:center!important;
}
#lobbyList>.lobby>.actions{
  justify-content:flex-end!important;
}

html.gf-scale .balance:hover{
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
html.gf-scale .balance:hover small{
  color:#ead6fb!important;
  text-shadow:0 0 9px rgba(190,126,240,.58)!important;
}
html.gf-scale .balance:hover b{
  color:#c693ff!important;
  text-shadow:none!important;
}
html.gf-scale .balance:hover b>em{
  filter:none!important;
}
html.gf-scale .balance:hover strong{
  color:#cfadff!important;
  text-shadow:none!important;
}

/* 2026-08-05 v225 — optical POT correction for single-item rows. */
@media(min-width:901px){
  .game-list .labels>span:nth-child(3),
  #lobbyList>.lobby>.pot{
    transform:translateX(clamp(-12px,-.65vw,-7px))!important;
  }
}

/* 2026-08-05 v226 — quantity markers stay text-only with a clearer glow. */
#lobbyList .lobby .offer .coinflip-offer-qty,
#lobbyList .lobby .offer .item-more{
  color:#f4e6ff!important;
  text-shadow:
    0 1px 2px #07060a,
    0 0 5px rgba(197,132,247,.72),
    0 0 12px rgba(155,82,218,.52)!important;
}

/* 2026-08-05 v227 — quantities remain plain, with no numeric glow. */
#lobbyList .lobby .offer .coinflip-offer-qty,
#lobbyList .lobby .offer .item-more{
  color:#eee9f2!important;
  text-shadow:none!important;
}

/* 2026-08-05 v228 — hover glow belongs to the balance amount, not item counts. */
html.gf-scale .balance:hover b{
  color:#ddb4ff!important;
  text-shadow:0 0 5px rgba(205,148,250,.62),0 0 12px rgba(164,86,224,.42)!important;
}
html.gf-scale .balance:hover b>em{
  filter:none!important;
  text-shadow:none!important;
}

@media(max-width:900px){
  html.gf-scale .cf-main>#gfAnnounce.race-banner--editorial{
    grid-template-columns:minmax(185px,.9fr) minmax(155px,1fr) 20px!important;
    grid-template-rows:60px 48px!important;
    grid-template-areas:"summary art dismiss" "actions actions actions"!important;
    min-height:110px!important;
    padding:0 10px 0 16px!important;
  }
  #gfAnnounce .rb-art-evergreen{width:60px!important}
  #gfAnnounce .rb-art-gingerscope{width:70px!important}
  #gfAnnounce .rb-actions{
    justify-content:space-between!important;
    padding:0!important;
    border-left:0!important;
    border-top:1px solid rgba(116,103,135,.2)!important;
  }
  #gfAnnounce .rb-open{width:104px!important;min-width:104px!important}
}

@media(max-width:900px){
  html.gf-scale .cf-main>#gfAnnounce.race-banner--editorial{
    grid-template-columns:minmax(185px,.9fr) minmax(170px,1fr) 20px!important;
    grid-template-rows:60px 50px!important;
    grid-template-areas:"summary art dismiss" "actions actions actions"!important;
    gap:0 10px!important;
    height:auto!important;
    min-height:112px!important;
    padding:0 10px 0 16px!important;
  }
  #gfAnnounce .rb-art-evergreen{left:1%!important;width:94px!important}
  #gfAnnounce .rb-art-gingerscope{right:0!important;width:108px!important}
  #gfAnnounce .rb-actions{
    grid-template-columns:minmax(150px,1fr) 108px!important;
    align-self:stretch!important;
    column-gap:12px!important;
    padding:0!important;
    border-left:0!important;
    border-top:1px solid rgba(116,103,135,.2)!important;
  }
  #gfAnnounce .rb-open{width:108px!important;min-width:108px!important}
}

/* 2026-08-05 v229 — tactile prize/item hovers plus unified chat safety tools. */
#gfAnnounce .rb-art{
  pointer-events:auto!important;
}
#gfAnnounce .rb-art::before,
#gfAnnounce .rb-art::after{
  pointer-events:none!important;
}
#gfAnnounce .rb-art>img{
  --rb-facing:1;
  --rb-hover-scale:1;
  z-index:2!important;
  pointer-events:auto!important;
  cursor:help!important;
  outline:0!important;
  transform:translate(-50%,-50%) scaleX(var(--rb-facing)) scale(var(--rb-hover-scale))!important;
  transform-origin:center!important;
  transition:transform .2s cubic-bezier(.2,.82,.22,1),filter .2s ease!important;
}
#gfAnnounce .rb-art-gingerscope{
  --rb-facing:-1;
}
#gfAnnounce .rb-art>img:hover,
#gfAnnounce .rb-art>img:focus-visible{
  --rb-hover-scale:1.13;
  z-index:5!important;
}
#gfAnnounce .rb-art-evergreen:hover,
#gfAnnounce .rb-art-evergreen:focus-visible{
  filter:saturate(1.08) brightness(1.08) contrast(1.03) drop-shadow(0 5px 6px rgba(0,0,0,.44)) drop-shadow(0 0 11px rgba(125,104,232,.4))!important;
}
#gfAnnounce .rb-art-gingerscope:hover,
#gfAnnounce .rb-art-gingerscope:focus-visible{
  filter:saturate(1.1) brightness(1.14) contrast(1.03) drop-shadow(0 5px 6px rgba(0,0,0,.44)) drop-shadow(0 0 11px rgba(183,117,230,.4))!important;
}

#lobbyList>.lobby>.offer,
#lobbyList>.lobby>.offer>.coinflip-offer-item{
  overflow:visible!important;
}
#lobbyList>.lobby>.offer>.coinflip-offer-item{
  outline:0!important;
  isolation:isolate!important;
}
#lobbyList>.lobby>.offer>.coinflip-offer-item::before{
  content:"";
  position:absolute;
  inset:9px;
  z-index:-1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(178,112,232,.3),rgba(110,74,185,.08) 47%,transparent 73%);
  opacity:0;
  transform:scale(.68);
  transition:opacity .18s ease,transform .2s cubic-bezier(.2,.82,.22,1);
  pointer-events:none;
}
#lobbyList>.lobby>.offer>.coinflip-offer-item>img:not(.coinflip-offer-source){
  position:relative!important;
  z-index:1!important;
  transform:translateY(0) scale(1)!important;
  transform-origin:center!important;
  transition:transform .2s cubic-bezier(.2,.82,.22,1),filter .2s ease!important;
}
#lobbyList>.lobby>.offer>.coinflip-offer-item:hover,
#lobbyList>.lobby>.offer>.coinflip-offer-item:focus-visible{
  z-index:9!important;
}
#lobbyList>.lobby>.offer>.coinflip-offer-item:hover::before,
#lobbyList>.lobby>.offer>.coinflip-offer-item:focus-visible::before{
  opacity:1;
  transform:scale(1.35);
}
#lobbyList>.lobby>.offer>.coinflip-offer-item:hover>img:not(.coinflip-offer-source),
#lobbyList>.lobby>.offer>.coinflip-offer-item:focus-visible>img:not(.coinflip-offer-source){
  transform:translateY(-4px) scale(1.12)!important;
  filter:saturate(1.09) brightness(1.08) contrast(1.025) drop-shadow(0 8px 8px rgba(0,0,0,.48)) drop-shadow(0 0 10px rgba(181,116,230,.35))!important;
}
.gf-wtip{
  z-index:9999!important;
  padding:8px 12px!important;
  border:1px solid rgba(190,143,238,.36)!important;
  background:#15121e!important;
  color:#f6f1fb!important;
  box-shadow:0 10px 26px rgba(0,0,0,.56),0 0 18px rgba(133,78,186,.13)!important;
}

html.gf-scale .chat-head{
  position:relative!important;
}
html.gf-scale .chat-head>.chat-menu-toggle{
  display:grid!important;
  place-items:center!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  margin-right:-7px!important;
  padding:0 0 5px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#aaa2b4!important;
  font:700 32px/1 Arial,sans-serif!important;
  letter-spacing:2px!important;
  cursor:pointer!important;
  transition:color .14s ease,background .14s ease,border-color .14s ease!important;
}
html.gf-scale .chat-head>.chat-menu-toggle:hover,
html.gf-scale .chat-head>.chat-menu-toggle[aria-expanded="true"]{
  color:#f5effb!important;
  border-color:rgba(172,119,226,.24)!important;
  background:rgba(151,93,211,.1)!important;
}
.chat-options-menu{
  position:fixed!important;
  z-index:6200!important;
  width:278px!important;
  padding:7px!important;
  border:1px solid #302d37!important;
  border-radius:8px!important;
  background:#15121e!important;
  box-shadow:0 20px 52px rgba(0,0,0,.62)!important;
  color:#f3eef8!important;
}
.chat-options-menu[hidden]{display:none!important}
.chat-options-label{
  padding:7px 10px 6px!important;
  color:#897f96!important;
  font:800 9px/1 "DM Mono",monospace!important;
  letter-spacing:.14em!important;
}
.chat-options-menu>button{
  width:100%!important;
  min-height:53px!important;
  display:grid!important;
  grid-template-columns:35px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  padding:7px 9px!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#e9e4ef!important;
  text-align:left!important;
  cursor:pointer!important;
}
.chat-options-menu>button:hover,
.chat-options-menu>button:focus-visible{
  outline:0!important;
  background:rgba(255,255,255,.052)!important;
}
.chat-option-icon{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:6px!important;
  background:#111016!important;
  color:#aa91d0!important;
}
.chat-option-icon svg{
  width:17px!important;
  height:17px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.chat-options-menu>button>span:last-child b,
.chat-options-menu>button>span:last-child small{
  display:block!important;
}
.chat-options-menu>button>span:last-child b{
  color:#f0ecf5!important;
  font:750 13px/1.2 Manrope,sans-serif!important;
}
.chat-options-menu>button>span:last-child small{
  margin-top:3px!important;
  color:#8e8699!important;
  font:600 10px/1.25 Manrope,sans-serif!important;
}
.chat-options-menu>button[data-chat-action^="report"]:hover .chat-option-icon{
  border-color:rgba(255,120,134,.22)!important;
  background:rgba(255,92,108,.08)!important;
  color:#e48e99!important;
}
.chat-options-rule{
  height:1px!important;
  margin:5px 8px!important;
  background:#29262f!important;
}
.gf-chat-restore{
  position:fixed!important;
  z-index:5100!important;
  top:84px!important;
  right:22px!important;
  height:44px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:0 14px!important;
  border:1px solid rgba(160,110,218,.34)!important;
  border-radius:7px!important;
  background:#15121e!important;
  color:#d8c7ec!important;
  box-shadow:0 12px 30px rgba(0,0,0,.4)!important;
  font:800 10px/1 "DM Mono",monospace!important;
  letter-spacing:.07em!important;
  cursor:pointer!important;
}
.gf-chat-restore[hidden]{display:none!important}
.gf-chat-restore svg{
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.gf-chat-restore:hover{
  border-color:rgba(177,124,238,.58)!important;
  color:#fff!important;
}
html.gf-scale body.gf-chat-hidden .columns{
  grid-template-columns:minmax(0,1fr)!important;
}
html.gf-scale body.gf-chat-hidden .columns>.chat{
  display:none!important;
}

#settings .set-support{
  gap:16px!important;
}
#settings .support-heading{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:22px!important;
  padding-bottom:15px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
#settings .support-heading>div>span,
#settings .support-success-kicker{
  display:block!important;
  margin-bottom:7px!important;
  color:#ab8fe6!important;
  font:800 10px/1 "DM Mono",monospace!important;
  letter-spacing:.16em!important;
}
#settings .support-heading h3,
#settings .support-success h3{
  margin:0!important;
  color:#f7f3fb!important;
  font:800 24px/1.1 "Space Grotesk",Manrope,sans-serif!important;
  letter-spacing:-.025em!important;
}
#settings .support-heading p,
#settings .support-success>p{
  max-width:570px!important;
  margin:7px 0 0!important;
  color:#a89fb5!important;
  font:600 12.5px/1.5 Manrope,sans-serif!important;
  letter-spacing:0!important;
}
#settings .support-text-btn{
  flex:none!important;
  padding:8px 0!important;
  border:0!important;
  background:transparent!important;
  color:#bfa5e5!important;
  font:800 11px/1 Manrope,sans-serif!important;
  cursor:pointer!important;
}
#settings .support-text-btn:hover{color:#f0e6ff!important}
#settings .support-form{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:13px 14px!important;
}
#settings .support-kind{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:4px!important;
  padding:4px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:7px!important;
  background:#111016!important;
}
#settings .support-kind button{
  height:38px!important;
  border:0!important;
  border-radius:5px!important;
  background:transparent!important;
  color:#948b9f!important;
  font:800 12px/1 Manrope,sans-serif!important;
  cursor:pointer!important;
}
#settings .support-kind button.active{
  background:rgba(125,84,190,.24)!important;
  color:#f2eaff!important;
  box-shadow:inset 0 0 0 1px rgba(177,126,230,.25)!important;
}
#settings .support-form[data-kind="problem"] .support-reason,
#settings .support-form>.support-details,
#settings .support-form>.support-context,
#settings .support-submit{
  grid-column:1/-1!important;
}
#settings .support-form .set-field>span{
  color:#a69cae!important;
}
#settings .support-form .set-field>span>em{
  margin-left:4px!important;
  color:#716a79!important;
  font-style:normal!important;
  font-weight:600!important;
}
#settings .support-form input,
#settings .support-form select,
#settings .support-form textarea{
  width:100%!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:6px!important;
  background:#111016!important;
  color:#eee9f5!important;
  outline:0!important;
  font:650 13px/1.35 Manrope,sans-serif!important;
}
#settings .support-form input,
#settings .support-form select{
  height:44px!important;
  padding:0 13px!important;
}
#settings .support-form textarea{
  min-height:104px!important;
  resize:vertical!important;
  padding:11px 13px 25px!important;
}
#settings .support-form input:focus,
#settings .support-form select:focus,
#settings .support-form textarea:focus{
  border-color:rgba(169,109,234,.62)!important;
  box-shadow:0 0 0 3px rgba(129,76,186,.1)!important;
}
#settings .support-form select option{
  color:#eee9f5!important;
  background:#15121e!important;
}
#settings .support-count{
  align-self:flex-end!important;
  margin:-25px 10px 8px 0!important;
  color:#706878!important;
  font:700 9px/1 "DM Mono",monospace!important;
  pointer-events:none!important;
}
#settings .support-submit{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding-top:12px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}
#settings .support-submit>small{
  max-width:430px!important;
  color:#847b8d!important;
  font:600 10.5px/1.4 Manrope,sans-serif!important;
}
#settings .support-send{
  flex:none!important;
  min-width:132px!important;
  background:#3a2028!important;
  border:1px solid #70404a!important;
  color:#ffdce1!important;
}
#settings .support-send:hover{
  background:#4a2630!important;
  border-color:#92515d!important;
}
#settings .support-rules{
  display:flex!important;
  flex-direction:column!important;
}
#settings .support-rules>div{
  min-height:70px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:11px!important;
  border-bottom:1px solid #29262f!important;
}
#settings .support-rules>div>b{
  color:#9176b9!important;
  font:800 10px/1 "DM Mono",monospace!important;
}
#settings .support-rules strong,
#settings .support-rules small{
  display:block!important;
}
#settings .support-rules strong{
  margin-bottom:4px!important;
  color:#f0ecf4!important;
  font:750 13px/1.25 Manrope,sans-serif!important;
}
#settings .support-rules small{
  color:#968e9f!important;
  font:600 11.5px/1.4 Manrope,sans-serif!important;
}
#settings .support-rule-foot{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  padding-top:3px!important;
}
#settings .support-rule-foot>span{
  color:#8f8798!important;
  font:600 11px/1.4 Manrope,sans-serif!important;
}
#settings .support-success{
  min-height:390px!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
#settings .support-success-icon{
  width:58px!important;
  height:58px!important;
  display:grid!important;
  place-items:center!important;
  margin-bottom:3px!important;
  border:1px solid rgba(169,109,234,.35)!important;
  border-radius:50%!important;
  background:rgba(131,79,190,.13)!important;
  color:#c49bea!important;
}
#settings .support-success-icon svg{
  width:29px!important;
  height:29px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
#settings .support-success>p{max-width:480px!important}
#settings .support-success>p>b{color:#d6b4f5!important;font-family:"DM Mono",monospace!important}
#settings .support-success-actions{display:flex!important;gap:9px!important;margin-top:7px!important}

@media(prefers-reduced-motion:reduce){
  #gfAnnounce .rb-art>img,
  #lobbyList>.lobby>.offer>.coinflip-offer-item::before,
  #lobbyList>.lobby>.offer>.coinflip-offer-item>img:not(.coinflip-offer-source){
    transition:none!important;
  }
  #gfAnnounce .rb-art>img:hover,
  #gfAnnounce .rb-art>img:focus-visible{
    --rb-hover-scale:1;
  }
  #lobbyList>.lobby>.offer>.coinflip-offer-item:hover>img:not(.coinflip-offer-source),
  #lobbyList>.lobby>.offer>.coinflip-offer-item:focus-visible>img:not(.coinflip-offer-source){
    transform:none!important;
  }
}

/* 2026-08-05 v230 — explicit prize direction, flatter chat controls, rank names. */
#gfAnnounce .rb-art>img:hover,
#gfAnnounce .rb-art>img:focus-visible{
  --rb-hover-scale:1.08!important;
}
#gfAnnounce .rb-art>.rb-art-gingerscope{
  --rb-facing:-1!important;
  transform:translate(-50%,-50%) scaleX(-1)!important;
}
#gfAnnounce .rb-art>.rb-art-gingerscope:hover,
#gfAnnounce .rb-art>.rb-art-gingerscope:focus-visible{
  transform:translate(-50%,-50%) scaleX(-1) scale(1.08)!important;
}

html.gf-scale .chat-head>.chat-menu-toggle,
html.gf-scale .chat-head>.chat-menu-toggle:hover,
html.gf-scale .chat-head>.chat-menu-toggle[aria-expanded="true"],
html.gf-scale .chat-head>.chat-menu-toggle:focus-visible{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  margin-right:-5px!important;
  padding:0 0 4px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  color:#aaa2b4!important;
  font:700 27px/1 Arial,sans-serif!important;
  letter-spacing:1px!important;
  transition:color .14s ease,text-shadow .14s ease!important;
}
html.gf-scale .chat-head>.chat-menu-toggle:hover,
html.gf-scale .chat-head>.chat-menu-toggle[aria-expanded="true"]{
  color:#c2a0d2!important;
}
html.gf-scale .chat-head>.chat-menu-toggle:focus-visible{
  color:#f5effb!important;
  text-shadow:0 0 8px rgba(152,107,211,.5)!important;
}

.chat-options-menu{
  width:248px!important;
  padding:4px!important;
  border:1px solid #302d37!important;
  border-radius:3px!important;
  background:#15121e!important;
  box-shadow:0 12px 28px rgba(0,0,0,.5)!important;
  color:#ddd8ec!important;
}
.chat-options-label{
  padding:8px 10px 7px!important;
  color:#897f96!important;
  font:800 9px/1 "DM Mono",monospace!important;
  letter-spacing:.14em!important;
}
.chat-options-menu>button{
  min-height:42px!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  gap:10px!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:1px!important;
  background:transparent!important;
  box-shadow:inset 2px 0 transparent!important;
  color:#ddd8ec!important;
  transition:color .12s ease,box-shadow .12s ease!important;
}
.chat-options-menu>button:hover,
.chat-options-menu>button:focus-visible{
  outline:0!important;
  background:transparent!important;
  box-shadow:inset 2px 0 #725388!important;
  color:#fff!important;
}
.chat-option-icon{
  width:20px!important;
  height:20px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#a892d4!important;
}
.chat-option-icon svg{
  width:18px!important;
  height:18px!important;
}
.chat-options-menu>button>span:last-child small{
  display:none!important;
}
.chat-options-menu>button>span:last-child b{
  color:inherit!important;
  font:700 12.5px/1 Manrope,sans-serif!important;
}
.chat-options-menu>button[data-chat-action^="report"]:hover .chat-option-icon,
.chat-options-menu>button[data-chat-action^="report"]:focus-visible .chat-option-icon{
  border:0!important;
  background:transparent!important;
  color:#a892d4!important;
}
.chat-options-rule{
  height:1px!important;
  margin:3px 8px!important;
  background:#29262f!important;
}

.gf-rank-tip{
  position:fixed!important;
  z-index:10020!important;
  transform:translateX(-50%)!important;
  padding:7px 10px 7px 12px!important;
  border:1px solid #302d37!important;
  border-left:2px solid #76519b!important;
  border-radius:2px!important;
  background:#15121e!important;
  color:#f0ebf5!important;
  box-shadow:0 9px 22px rgba(0,0,0,.5)!important;
  font:750 11.5px/1 Manrope,sans-serif!important;
  letter-spacing:.015em!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}
.gf-rank-tip[hidden]{display:none!important}

@media(max-width:900px){
  #gfAnnounce .rb-art>.rb-art-gingerscope{
    left:27%!important;
    right:auto!important;
    transform:translate(-50%,-50%) scaleX(-1)!important;
  }
  #gfAnnounce .rb-art>.rb-art-gingerscope:hover,
  #gfAnnounce .rb-art>.rb-art-gingerscope:focus-visible{
    transform:translate(-50%,-50%) scaleX(-1) scale(1.08)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #gfAnnounce .rb-art>.rb-art-gingerscope,
  #gfAnnounce .rb-art>.rb-art-gingerscope:hover,
  #gfAnnounce .rb-art>.rb-art-gingerscope:focus-visible{
    transform:translate(-50%,-50%) scaleX(-1)!important;
  }
}

/* 2026-08-05 v231 — dormant affiliates, purpose-built header tools, live-chat menu palette. */
html.gf-scale .top-nav button.soon[disabled]{
  opacity:1!important;
  color:#716b78!important;
  cursor:not-allowed!important;
}
html.gf-scale .top-nav button.soon[disabled] i{
  margin-left:7px!important;
  color:#9c79c8!important;
  font-size:0!important;
  letter-spacing:.07em!important;
}
html.gf-scale .top-nav button.soon[disabled] i::after{
  content:"COMING SOON";
  font:800 9px/1 "DM Mono",monospace!important;
}

html.gf-scale .header-icons{
  gap:8px!important;
  margin-right:14px!important;
}
html.gf-scale .hicon,
html.gf-scale #navLeaderboard{
  position:relative!important;
  width:38px!important;
  height:38px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#a892d4!important;
  box-shadow:none!important;
  transform:none!important;
}
html.gf-scale .hicon::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:1px;
  width:0;
  height:2px;
  background:#9b6bce;
  transform:translateX(-50%);
  transition:width .14s ease!important;
}
html.gf-scale .hicon:hover,
html.gf-scale .hicon:focus-visible,
html.gf-scale #navLeaderboard:hover,
html.gf-scale #navLeaderboard:focus-visible{
  outline:0!important;
  color:#f1eafa!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
html.gf-scale .hicon:hover::after,
html.gf-scale .hicon:focus-visible::after{
  width:18px!important;
}
html.gf-scale .hicon-leaderboard svg{
  width:25px!important;
  height:25px!important;
}
html.gf-scale .hicon-discord svg{
  width:27px!important;
  height:27px!important;
}

.chat-options-menu{
  width:258px!important;
  padding:0!important;
  border:1px solid #2a2833!important;
  border-radius:2px!important;
  background:#101015!important;
  box-shadow:0 14px 30px rgba(0,0,0,.46)!important;
  color:#f2f0f4!important;
}
.chat-options-label{
  padding:11px 14px 10px!important;
  border-bottom:1px solid #24232b!important;
  color:#77717f!important;
  font:800 10px/1 "DM Mono",monospace!important;
  letter-spacing:.14em!important;
}
.chat-options-menu>button{
  min-height:49px!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  gap:12px!important;
  padding:0 14px!important;
  border-radius:0!important;
  background:#101015!important;
  color:#dcd7e1!important;
}
.chat-options-menu>button:hover,
.chat-options-menu>button:focus-visible{
  background:#15141a!important;
  box-shadow:inset 2px 0 #8c57ee!important;
  color:#fff!important;
}
.chat-options-menu>button>span:last-child b{
  font:700 15px/1 Manrope,sans-serif!important;
}
.chat-option-icon{
  color:#a78ade!important;
}
.chat-options-rule{
  margin:0 14px!important;
  background:#24232b!important;
}

/* 2026-08-05 v232 — opaque creator controls, darker supporting screens, live Affiliates route. */
#creator .creator-card{
  width:min(1240px,calc(100vw - 44px))!important;
  height:min(84dvh,820px)!important;
  max-height:84dvh!important;
  padding:24px 26px!important;
  background:#101015!important;
  border-color:#2a2833!important;
}
html.gf-scale #creator .creator-card{
  width:1240px!important;
  max-width:calc(100% - 72px)!important;
  height:84%!important;
  max-height:84%!important;
}
#creator .catalog-picker{
  position:relative!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  background:#0d0c11!important;
  border-color:#2a2833!important;
}
#creator .catalog-search,
#creator .catalog-toolbar{
  isolation:isolate!important;
  background:#121118!important;
  background-image:none!important;
  border-color:#2a2833!important;
}
#creator .catalog-search{
  position:relative!important;
  z-index:21!important;
}
#creator .catalog-toolbar{
  z-index:20!important;
  box-shadow:0 12px 20px rgba(3,3,5,.82)!important;
}
html.gf-scale #creator .catalog-grid{
  grid-auto-rows:268px!important;
}
html.gf-scale #creator .catalog-item{
  height:268px!important;
  min-height:268px!important;
  grid-template-rows:170px 44px 42px!important;
}
html.gf-scale #creator .catalog-item img{
  width:156px!important;
  height:156px!important;
}
#creator .catalog-item>strong{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  gap:7px!important;
  min-height:38px!important;
  margin:0!important;
  color:#d5a7ff!important;
  font:800 19px/1 "Space Grotesk",sans-serif!important;
}
#creator .catalog-item>strong .g-coin{
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
  margin:0!important;
  vertical-align:middle!important;
}
#creator .catalog-item>strong .catalog-value{
  display:block!important;
  line-height:1!important;
}
#creator .creator-total>.creator-amount{
  font-size:30px!important;
  gap:7px!important;
}
#creator .creator-total>.creator-amount em{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  margin:0!important;
}

/* One near-black shell across every secondary tool, with the rows left slightly raised. */
#settings .set-card,
#myFlips .myflips-card,
#creator .creator-card,
#lbModal .lb-card,
#provablyFair .pf-card,
#flipDetail .fd-card,
#depositBots .bot-card,
#profile .profile-card,
#viewer .viewer-card{
  background:#101015!important;
  border-color:#2a2833!important;
  box-shadow:0 28px 82px rgba(0,0,0,.72)!important;
}
.modal{
  background:rgba(3,3,5,.82)!important;
}
html.gf-scale body.on-affiliates main,
html.gf-scale body.on-race main{
  background:#0a0a0d!important;
}
html.gf-scale:has(body.on-affiliates),
html.gf-scale body.on-affiliates,
html.gf-scale:has(body.on-race),
html.gf-scale body.on-race{
  background:#0a0a0d!important;
}

/* Header tools sit with the balance and use a purpose-built ranking-bars mark. */
html.gf-scale .header-right{
  gap:9px!important;
}
html.gf-scale .header-icons{
  gap:3px!important;
  margin:0!important;
}
html.gf-scale .hicon,
html.gf-scale #navLeaderboard{
  width:35px!important;
  height:35px!important;
}
html.gf-scale .hicon-leaderboard svg{
  display:none!important;
}
html.gf-scale .hicon-leaderboard::before{
  content:"";
  display:block;
  width:25px;
  height:23px;
  background:
    linear-gradient(currentColor,currentColor) 1px 13px/6px 8px no-repeat,
    linear-gradient(currentColor,currentColor) 9px 5px/7px 16px no-repeat,
    linear-gradient(currentColor,currentColor) 18px 10px/6px 11px no-repeat,
    linear-gradient(currentColor,currentColor) 0 21px/25px 2px no-repeat;
  filter:drop-shadow(0 0 6px rgba(168,146,212,.18));
}
html.gf-scale .hicon-discord svg{
  width:25px!important;
  height:25px!important;
}

/* Affiliates is a real destination while the program is being built. */
#affiliatesPage .aff-soon-page{
  min-height:100%;
  display:grid;
  place-items:center;
  padding:34px 0 44px;
}
#affiliatesPage .aff-soon-stage{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:min(1180px,100%);
  min-height:520px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  align-items:stretch;
  border-top:1px solid #2a2833;
  border-bottom:1px solid #2a2833;
  background:#101015;
}
#affiliatesPage .aff-soon-stage::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:-40% 24% -45% -25%;
  background:radial-gradient(circle,rgba(126,75,210,.17),transparent 64%);
}
#affiliatesPage .aff-soon-stage::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.2;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 72%);
  mask-image:linear-gradient(90deg,#000,transparent 72%);
}
#affiliatesPage .aff-soon-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:70px 72px;
}
#affiliatesPage .aff-soon-kicker{
  margin:0 0 18px;
  color:#b18ae7;
  font:800 11px/1 "DM Mono",monospace;
  letter-spacing:.2em;
}
#affiliatesPage .aff-soon-copy h2{
  margin:0;
  color:#f5f2f8;
  font:800 58px/.98 "Space Grotesk",sans-serif;
  letter-spacing:-.055em;
}
#affiliatesPage .aff-soon-copy h2 span{
  color:#b879f3;
}
#affiliatesPage .aff-soon-sub{
  max-width:610px;
  margin:24px 0 0;
  color:#aaa4b2;
  font:600 16px/1.65 Manrope,sans-serif;
}
#affiliatesPage .aff-soon-status{
  display:grid;
  grid-template-columns:10px auto minmax(0,1fr);
  align-items:center;
  gap:11px;
  margin-top:44px;
  padding-top:20px;
  border-top:1px solid #292730;
}
#affiliatesPage .aff-soon-status>i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#a76bf0;
  box-shadow:0 0 10px rgba(167,107,240,.55);
}
#affiliatesPage .aff-soon-status>b{
  color:#eee9f4;
  font:800 10px/1 "DM Mono",monospace;
  letter-spacing:.12em;
}
#affiliatesPage .aff-soon-status>span{
  color:#827c89;
  font:600 12px/1.4 Manrope,sans-serif;
}
#affiliatesPage .aff-soon-mark{
  display:grid;
  place-items:center;
  align-content:center;
  gap:22px;
  border-left:1px solid #292730;
  background:linear-gradient(180deg,rgba(143,79,225,.07),rgba(255,255,255,.01));
}
#affiliatesPage .aff-soon-mark img{
  width:190px;
  height:190px;
  object-fit:contain;
  opacity:.76;
  filter:drop-shadow(0 16px 30px rgba(93,44,155,.24));
}
#affiliatesPage .aff-soon-mark i{
  color:#817a89;
  font:800 10px/1 "DM Mono",monospace;
  font-style:normal;
  letter-spacing:.18em;
}

@media(max-width:700px){
  #creator .creator-card{
    width:calc(100vw - 18px)!important;
    height:90dvh!important;
    max-height:90dvh!important;
    padding:18px!important;
  }
  #creator .catalog-item>strong{
    gap:5px!important;
    font-size:16px!important;
  }
  #creator .catalog-item>strong .g-coin{
    width:23px!important;
    height:23px!important;
    flex-basis:23px!important;
  }
  #affiliatesPage .aff-soon-stage{
    min-height:540px;
    grid-template-columns:1fr;
  }
  #affiliatesPage .aff-soon-copy{
    padding:48px 30px;
  }
  #affiliatesPage .aff-soon-copy h2{
    font-size:43px;
  }
  #affiliatesPage .aff-soon-mark{
    min-height:180px;
    border-top:1px solid #292730;
    border-left:0;
  }
  #affiliatesPage .aff-soon-mark img{
    width:120px;
    height:120px;
  }
}

/* 2026-08-05 v233 — live/history grid parity, neutral header tools, clearer navigation. */

/* Notification center — actual flip/wallet alerts, kept compact beside the primary header. */
.header-icons .hicon-notifications{position:relative!important}
.header-icons .hicon-notifications svg{width:17px!important;height:17px!important}
.gf-notification-dot{position:absolute!important;top:-6px!important;right:-8px!important;display:grid!important;min-width:16px!important;height:16px!important;padding:0 3px!important;place-items:center!important;border:2px solid #111018!important;border-radius:999px!important;background:#9d62ee!important;color:#fff!important;box-shadow:0 2px 8px rgba(0,0,0,.42)!important;font:800 9px/1 Inter,sans-serif!important;pointer-events:none!important}
.gf-notification-dot[hidden]{display:none!important}
.gfn-panel{position:fixed;z-index:16000;overflow:hidden;border:1px solid #30283c;border-radius:10px;background:#0d0c11;box-shadow:0 22px 55px rgba(0,0,0,.72);color:#f3eff9}
.gfn-panel[hidden]{display:none!important}
.gfn-panel header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-height:64px!important;padding:12px 14px!important;border-bottom:1px solid #25212d!important;background:#111016!important}
.gfn-panel header div{display:grid!important;gap:3px!important}
.gfn-panel header small{color:#b994f5!important;font:700 9px/1 "DM Mono",monospace!important;letter-spacing:.12em!important}
.gfn-panel header h2{margin:0!important;color:#f6f2fb!important;font:800 17px/1 "Space Grotesk",Inter,sans-serif!important;letter-spacing:-.02em!important}
.gfn-panel header button{border:0!important;background:transparent!important;color:#bf96fb!important;padding:7px 4px!important;font:700 9px/1 "DM Mono",monospace!important;letter-spacing:.04em!important;cursor:pointer!important}
.gfn-panel header button:hover{color:#f3eaff!important}
.gfn-list{max-height:min(390px,calc(100vh - 108px));overflow:auto!important;padding:6px!important}
.gfn-item{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:10px!important;width:100%!important;min-height:63px!important;padding:10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:inherit!important;text-align:left!important;cursor:pointer!important;transition:background .18s ease!important}
.gfn-item:hover{background:#17131e!important}
.gfn-item.unread{background:#15121a!important}
.gfn-type{display:grid!important;place-items:center!important;width:27px!important;height:27px!important;border:1px solid rgba(188,146,255,.35)!important;border-radius:8px!important;background:rgba(141,83,221,.16)!important;color:#d8b8ff!important;font:800 14px/1 Inter,sans-serif!important;font-style:normal!important}
.gfn-type.wallet{border-color:rgba(229,190,92,.35)!important;background:rgba(222,173,56,.12)!important;color:#f3cf69!important}
.gfn-type.result{border-color:rgba(128,221,166,.34)!important;background:rgba(73,190,122,.12)!important;color:#88e1ac!important}
.gfn-avatar{width:27px!important;height:27px!important;object-fit:cover!important;border:1px solid rgba(188,146,255,.46)!important;border-radius:5px!important;background:#17121d!important}
.gfn-item span.gfn-copy{display:grid!important;min-width:0!important;gap:2px!important}
.gfn-item b{overflow:hidden!important;color:#f4eff8!important;font:700 12px/1.2 "Space Grotesk",Inter,sans-serif!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.gfn-item small{overflow:hidden!important;color:#afa6ba!important;font:500 11px/1.25 Inter,sans-serif!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.gfn-item .gfn-full{display:block!important;max-height:0!important;overflow:hidden!important;opacity:0!important;transform:translateY(-3px)!important;white-space:normal!important;transition:max-height .24s ease,opacity .18s ease,transform .24s ease!important}
.gfn-item.open{background:#1a1521!important}
.gfn-item.open .gfn-preview{display:none!important}
.gfn-item.open .gfn-full{max-height:88px!important;opacity:1!important;transform:translateY(0)!important}
.gfn-item em{color:#806ea0!important;font:600 9px/1.2 "DM Mono",monospace!important;font-style:normal!important;letter-spacing:.02em!important}
.gfn-empty{display:grid!important;min-height:150px!important;place-content:center!important;gap:6px!important;padding:20px!important;text-align:center!important}
.gfn-empty b{color:#e9e2f2!important;font:700 13px/1.2 "Space Grotesk",Inter,sans-serif!important}
.gfn-empty small{color:#938a9d!important;font:500 11px/1.35 Inter,sans-serif!important}
@media(min-width:1681px){
  .game-list .labels,
  #lobbyList>.lobby{
    grid-template-columns:minmax(240px,1.15fr) minmax(240px,1.05fr) 130px 128px 160px!important;
    gap:16px!important;
  }
}
@media(min-width:901px) and (max-width:1680px){
  .game-list .labels,
  #lobbyList>.lobby{
    grid-template-columns:minmax(0,1.62fr) minmax(0,.7fr) minmax(64px,.4fr) minmax(110px,.62fr) minmax(108px,.56fr)!important;
    gap:9px!important;
  }
}
@media(min-width:901px){
  #lobbyList .lobby .player.matched>i{
    transform:translateX(-24px)!important;
  }
  .game-list .labels>span:nth-child(3),
  #lobbyList>.lobby>.pot{
    grid-column:3!important;
    transform:none!important;
  }
  .game-list .labels>span:nth-child(5),
  #lobbyList>.lobby>.actions{
    grid-column:5!important;
  }
}
.past-games-fixed .past-game>.history-chance{
  display:none!important;
}

html.gf-scale .header-icons .hicon,
html.gf-scale #navLeaderboard{
  color:#8d8794!important;
}
html.gf-scale .header-icons .hicon:hover,
html.gf-scale .header-icons .hicon:focus-visible,
html.gf-scale #navLeaderboard:hover,
html.gf-scale #navLeaderboard:focus-visible{
  color:#f0edf3!important;
}
html.gf-scale .hicon::after{
  background:#8b8492!important;
}
html.gf-scale .hicon-leaderboard::before{
  filter:none!important;
}

html.gf-scale .account-menu{
  background:#101015!important;
  border-color:#2a2833!important;
  border-radius:7px!important;
  box-shadow:0 24px 66px rgba(0,0,0,.72)!important;
}
html.gf-scale .account-menu .am-bal{
  background:#131218!important;
  border-color:#292730!important;
  border-radius:5px!important;
}
html.gf-scale .account-menu .am-div{
  background:#24232b!important;
}
html.gf-scale .account-menu button{
  border-radius:3px!important;
  color:#d8d3dd!important;
}
html.gf-scale .account-menu button svg{
  color:#90889b!important;
}
html.gf-scale .account-menu button:hover,
html.gf-scale .account-menu button:focus-visible{
  outline:0!important;
  background:#15141a!important;
  box-shadow:inset 2px 0 #76518f!important;
  color:#fff!important;
}

html.gf-scale .top-nav button{
  position:relative!important;
  overflow:hidden!important;
  color:#918b98!important;
  transition:color .15s ease,background-color .15s ease!important;
}
html.gf-scale .top-nav button:hover{
  color:#ddd8e2!important;
  background:rgba(255,255,255,.022)!important;
}
html.gf-scale .top-nav button.active{
  color:#fff!important;
  background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(137,84,193,.11))!important;
  box-shadow:none!important;
  font-weight:800!important;
}
html.gf-scale .top-nav button.active::before{
  display:none!important;
}
html.gf-scale .top-nav button.active::after{
  content:""!important;
  position:absolute!important;
  left:22%!important;
  right:22%!important;
  bottom:0!important;
  height:2px!important;
  background:#a56ddd!important;
}

/* 2026-08-05 v234 — account settings: real identity data, useful overview, compact editor. */
#settings .set-account-panel{
  min-height:100%;
  height:100%;
  gap:12px!important;
}
#settings .set-account-hero{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  padding:16px 17px;
  background:#141419;
  border:1px solid #2a2833;
  border-radius:8px;
}
#settings .set-account-hero>.set-av{
  width:68px!important;
  height:68px!important;
  border-radius:50%!important;
  border:1px solid #534665!important;
  background:#1b1722!important;
  object-fit:cover!important;
  box-shadow:0 0 0 3px #111116!important;
}
#settings .set-account-hero .set-acct-info{
  min-width:0;
}
#settings .set-account-kicker,
#settings .set-account-section-head>div>span,
#settings .set-account-stat>span{
  display:block;
  color:#8f8798;
  font-family:"DM Mono",monospace!important;
  font-size:9.5px!important;
  font-weight:700;
  letter-spacing:.14em;
  line-height:1.2;
}
#settings .set-account-name{
  display:flex;
  align-items:center;
  gap:7px;
  margin:3px 0 2px;
  color:#f5f2f7;
  font-size:21px;
  font-weight:800;
  letter-spacing:-.025em;
  line-height:1.15;
}
#settings .set-account-name .set-rank-ic{
  width:20px!important;
  height:20px!important;
  margin:0!important;
}
#settings .set-account-hero .set-acct-info>p{
  display:flex;
  align-items:center;
  gap:7px;
  margin:0;
  color:#aaa3b1;
  font-size:11px;
  font-weight:700;
}
#settings .set-account-hero .set-acct-info>p>i{
  width:3px;
  height:3px;
  border-radius:50%;
  background:#6f6877;
}
#settings .set-account-xp-label{
  display:flex;
  justify-content:space-between;
  gap:14px;
  margin-top:9px;
  max-width:430px;
  color:#8f8798;
  font-size:9.5px;
  font-weight:700;
}
#settings .set-account-xp-label>span:first-child{
  color:#c9c3d0;
}
#settings .set-account-hero .set-xp{
  width:100%;
  max-width:430px!important;
  height:4px!important;
  margin-top:5px!important;
  border-radius:2px!important;
  background:#28262e!important;
}
#settings .set-account-hero .set-xp>i{
  background:#9464ca!important;
  border-radius:2px!important;
}
#settings .set-account-profile-link{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:118px;
  height:38px;
  padding:0 13px;
  border:1px solid #3b3444;
  border-radius:5px;
  background:#111116;
  color:#d9d3df;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
  transition:border-color .14s,color .14s,background-color .14s;
}
#settings .set-account-profile-link svg{
  width:16px;
  height:16px;
  color:#9f78c7;
}
#settings .set-account-profile-link:hover,
#settings .set-account-profile-link:focus-visible{
  outline:0;
  border-color:#6c4e88;
  background:#18131d;
  color:#fff;
}
#settings .set-account-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  min-height:76px;
  background:#121217;
  border:1px solid #292730;
  border-radius:7px;
  overflow:hidden;
}
#settings .set-account-stat{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:13px 15px;
}
#settings .set-account-stat+.set-account-stat{
  border-left:1px solid #292730;
}
#settings .set-account-stat>span{
  margin-bottom:7px;
}
#settings .set-account-stat>b{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  color:#f1eef4;
  font-size:18px;
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1;
}
#settings .set-account-stat>b.accent{
  color:#c58af0;
}
#settings .set-account-stat .g-coin{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  margin:0!important;
}
#settings .set-account-form{
  display:flex;
  flex:1;
  min-height:0;
  flex-direction:column;
  gap:14px;
  padding:16px 17px;
  background:#131318;
  border:1px solid #292730;
  border-radius:8px;
}
#settings .set-account-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
}
#settings .set-account-section-head h4{
  margin:4px 0 0;
  color:#f2eef5;
  font-size:14px;
  font-weight:800;
}
#settings .set-account-section-head>small{
  color:#77717e;
  font-size:10px;
  font-weight:600;
}
#settings .set-account-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
#settings .set-account-fields .set-field{
  gap:6px!important;
}
#settings .set-account-fields .set-field>span{
  color:#aaa3b1!important;
  font-size:11px!important;
}
#settings .set-account-fields .set-field>input{
  width:100%;
  box-sizing:border-box;
  padding:11px 12px!important;
  border:1px solid #302e37!important;
  border-radius:5px!important;
  background:#0d0d11!important;
  color:#f1eef4!important;
  font-size:12.5px!important;
  box-shadow:none!important;
}
#settings .set-account-fields .set-field>input:hover{
  border-color:#403b48!important;
}
#settings .set-account-fields .set-field>input:focus{
  border-color:#76518f!important;
  box-shadow:0 0 0 2px rgba(118,81,143,.13)!important;
}
#settings .set-account-fields .set-field>input[aria-invalid="true"]{
  border-color:#a75765!important;
}
#settings .set-account-fields .set-field>small{
  color:#77717e;
  font-size:9.5px;
  line-height:1.35;
}
#settings .set-account-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:auto;
  padding-top:13px;
  border-top:1px solid #292730;
}
#settings #set-account-status{
  color:#77717e;
  font-size:10.5px;
  font-weight:700;
}
#settings #set-account-status.saved{
  color:#c3a1de;
}
#settings .set-account-actions .set-btn{
  min-width:126px;
  padding:10px 17px!important;
  border-color:#7c50a0!important;
  border-radius:5px!important;
  background:#7546a0!important;
  color:#fff!important;
}
#settings .set-account-actions .set-btn:hover:not(:disabled){
  background:#8553b1!important;
}
#settings .set-account-actions .set-btn:disabled{
  border-color:#302d36!important;
  background:#1c1a20!important;
  color:#716b78!important;
  cursor:default!important;
  opacity:1!important;
}
#settings .set-account-security{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  width:100%;
  min-height:54px;
  padding:9px 13px;
  border:1px solid #292730;
  border-radius:7px;
  background:#121217;
  color:#d9d3df;
  text-align:left;
  cursor:pointer;
  transition:border-color .14s,background-color .14s;
}
#settings .set-account-security:hover,
#settings .set-account-security:focus-visible{
  outline:0;
  border-color:#4d3b5e;
  background:#15131a;
}
#settings .set-account-security-icon{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  color:#9b76c0;
}
#settings .set-account-security-icon svg{
  width:18px;
  height:18px;
}
#settings .set-account-security>span:nth-child(2)>b,
#settings .set-account-security>span:nth-child(2)>small{
  display:block;
}
#settings .set-account-security>span:nth-child(2)>b{
  color:#e9e5ed;
  font-size:11.5px;
  font-weight:800;
}
#settings .set-account-security>span:nth-child(2)>small{
  margin-top:2px;
  color:#77717e;
  font-size:9.5px;
  font-weight:600;
}
#settings .set-account-security>strong{
  color:#77717e;
  font-size:22px;
  font-weight:500;
}
#settings .set-nav button.active{
  border-radius:5px!important;
  background:#1d1927!important;
  color:#fff!important;
  box-shadow:inset 3px 0 #9d7aff!important;
}
#settings .set-nav button:not(.active):hover{
  background:#15141a!important;
}
@media(max-width:760px){
  #settings .set-account-hero{
    grid-template-columns:auto minmax(0,1fr);
  }
  #settings .set-account-profile-link{
    grid-column:1/-1;
    width:100%;
  }
  #settings .set-account-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #settings .set-account-stat:nth-child(3){
    border-left:0;
    border-top:1px solid #292730;
  }
  #settings .set-account-stat:nth-child(4){
    border-top:1px solid #292730;
  }
  #settings .set-account-fields{
    grid-template-columns:1fr;
  }
  #settings .set-account-section-head>small{
    display:none;
  }
}

/* 2026-08-05 v235 — settings fit correction + descriptive tab rail. */
#settings .set-account-hero,
#settings .set-account-stats{
  width:100%!important;
  max-width:none!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
  box-shadow:none!important;
}
#settings .set-account-stat>b{
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
}
#settings .set-body{
  grid-template-columns:202px minmax(0,1fr)!important;
  gap:22px!important;
}
#settings .set-content{
  width:100%!important;
  min-width:0!important;
  padding-right:0!important;
}
#settings .set-nav{
  gap:2px!important;
  padding-right:16px!important;
  border-right:1px solid #292730!important;
}
#settings .set-nav button{
  position:relative!important;
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr) 12px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:57px!important;
  width:100%!important;
  padding:9px 10px!important;
  border:0!important;
  border-radius:4px!important;
  background:transparent!important;
  color:#8f8996!important;
  text-align:left!important;
  cursor:pointer!important;
  transition:background-color .14s,color .14s!important;
}
#settings .set-nav button::after{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:2px;
  background:transparent;
}
#settings .set-nav button:hover,
#settings .set-nav button:focus-visible{
  outline:0!important;
  background:#15141a!important;
  color:#d8d3dd!important;
}
#settings .set-nav button.active{
  background:#1a1720!important;
  color:#fff!important;
  box-shadow:none!important;
}
#settings .set-nav button.active::after{
  background:#a56ddd!important;
}
#settings .set-nav-ic{
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  color:#77717f!important;
  opacity:1!important;
}
#settings .set-nav-ic svg{
  width:18px!important;
  height:18px!important;
}
#settings .set-nav button.active .set-nav-ic{
  color:#b987dc!important;
}
#settings .set-nav-copy{
  display:block!important;
  min-width:0!important;
}
#settings .set-nav-copy>b,
#settings .set-nav-copy>small{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#settings .set-nav-copy>b{
  color:inherit!important;
  font-size:12.5px!important;
  font-weight:800!important;
  line-height:1.2!important;
}
#settings .set-nav-copy>small{
  margin-top:4px!important;
  color:#6f6975!important;
  font-size:9px!important;
  font-weight:600!important;
  line-height:1.1!important;
}
#settings .set-nav button.active .set-nav-copy>small{
  color:#9f96a8!important;
}
#settings .set-nav-arrow{
  color:#625c69!important;
  font-family:Manrope,sans-serif!important;
  font-size:18px!important;
  font-style:normal!important;
  font-weight:500!important;
  line-height:1!important;
  opacity:0!important;
  transform:translateX(-2px)!important;
  transition:opacity .14s,transform .14s!important;
}
#settings .set-nav button:hover .set-nav-arrow,
#settings .set-nav button.active .set-nav-arrow{
  opacity:1!important;
  transform:translateX(0)!important;
}
#settings .set-nav button.active .set-nav-arrow{
  color:#aa7bd0!important;
}
@media(max-width:640px){
  #settings .set-body{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  #settings .set-nav{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:4px!important;
    padding:0 0 12px!important;
    border-right:0!important;
    border-bottom:1px solid #292730!important;
  }
  #settings .set-nav button{
    min-height:48px!important;
  }
  #settings .set-nav-copy>small,
  #settings .set-nav-arrow{
    display:none!important;
  }
}

/* 2026-08-05 v236 — Roblox-owned identity, focused email editing. */
#settings .set-account-email-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 126px;
  align-items:end;
  gap:12px;
  margin-top:2px;
}
#settings .set-account-email-row .set-field{
  gap:6px!important;
}
#settings .set-account-email-row .set-field>span{
  color:#aaa3b1!important;
  font-size:11px!important;
}
#settings .set-account-email-row .set-field>input{
  width:100%;
  box-sizing:border-box;
  padding:11px 12px!important;
  border:1px solid #302e37!important;
  border-radius:5px!important;
  background:#0d0d11!important;
  color:#f1eef4!important;
  font-size:12.5px!important;
  box-shadow:none!important;
}
#settings .set-account-email-row .set-field>input:hover{
  border-color:#403b48!important;
}
#settings .set-account-email-row .set-field>input:focus{
  border-color:#76518f!important;
  box-shadow:0 0 0 2px rgba(118,81,143,.13)!important;
}
#settings .set-account-email-row .set-field>input[aria-invalid="true"]{
  border-color:#a75765!important;
}
#settings .set-account-email-row .set-field>small{
  color:#77717e;
  font-size:9.5px;
  line-height:1.35;
}
#settings .set-account-email-row>.set-btn{
  width:126px;
  height:39px;
  padding:0 15px!important;
  border:1px solid #7c50a0!important;
  border-radius:5px!important;
  background:#7546a0!important;
  color:#fff!important;
  font-size:11px!important;
  white-space:nowrap;
}
#settings .set-account-email-row>.set-btn:hover:not(:disabled){
  background:#8553b1!important;
}
#settings .set-account-email-row>.set-btn:disabled{
  border-color:#302d36!important;
  background:#1c1a20!important;
  color:#716b78!important;
  cursor:default!important;
  opacity:1!important;
}
#settings .set-account-roblox-note{
  display:flex;
  align-items:center;
  gap:7px;
  color:#77717e;
  font-size:9.5px;
  font-weight:700;
}
#settings .set-account-roblox-note>i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#9b6ec0;
}
@media(max-width:760px){
  #settings .set-account-email-row{
    grid-template-columns:1fr;
  }
  #settings .set-account-email-row>.set-btn{
    width:100%;
  }
  #settings .set-account-actions{
    align-items:flex-start;
    flex-direction:column;
    gap:7px;
  }
}

/* 2026-08-05 v237 — direct password/logout actions with roomier account rhythm. */
#settings .set-account-panel{
  gap:14px!important;
}
#settings .set-account-hero{
  padding:17px 19px!important;
}
#settings .set-account-stat{
  padding:15px 17px!important;
}
#settings .set-account-form{
  padding:17px 19px!important;
}
#settings .set-account-tools{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  width:100%;
}
#settings .set-account-tool{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  width:100%;
  min-height:60px;
  padding:10px 14px;
  border:1px solid #292730;
  border-radius:7px;
  background:#121217;
  color:#d9d3df;
  text-align:left;
  cursor:pointer;
  transition:border-color .14s,background-color .14s;
}
#settings .set-account-tool:hover,
#settings .set-account-tool:focus-visible{
  outline:0;
  border-color:#4d3b5e;
  background:#15131a;
}
#settings .set-account-tool-icon{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  color:#9b76c0;
}
#settings .set-account-tool-icon svg{
  width:18px;
  height:18px;
}
#settings .set-account-tool>span:nth-child(2)>b,
#settings .set-account-tool>span:nth-child(2)>small{
  display:block;
}
#settings .set-account-tool>span:nth-child(2)>b{
  color:#e9e5ed;
  font-size:11.5px;
  font-weight:800;
}
#settings .set-account-tool>span:nth-child(2)>small{
  margin-top:3px;
  color:#77717e;
  font-size:9.5px;
  font-weight:600;
}
#settings .set-account-tool>strong{
  color:#77717e;
  font-size:22px;
  font-weight:500;
}
#settings .set-account-tool.danger{
  border-color:#33282e;
}
#settings .set-account-tool.danger .set-account-tool-icon,
#settings .set-account-tool.danger>strong{
  color:#a96a75;
}
#settings .set-account-tool.danger>span:nth-child(2)>b{
  color:#df929b;
}
#settings .set-account-tool.danger:hover,
#settings .set-account-tool.danger:focus-visible{
  border-color:#65404a;
  background:#181216;
}
@media(max-width:760px){
  #settings .set-account-tools{
    grid-template-columns:1fr;
  }
}

/* 2026-08-05 v238 — Discord account action replaces the duplicate password shortcut. */
#settings .set-account-tool.discord .set-account-tool-icon{
  color:#a98be1;
}

/* 2026-08-05 v239 — compact, professional Preferences workspace. */
#settings .set-preferences-panel{
  gap:10px!important;
  min-height:0;
  padding:0 1px 1px;
}
#settings .set-prefs-top{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:0 2px 2px;
}
#settings .set-prefs-top>div:first-child>span{
  display:block;
  margin-bottom:3px;
  color:#9d79bd;
  font-size:8.5px;
  font-weight:800;
  letter-spacing:.17em;
}
#settings .set-prefs-top h3{
  margin:0;
  color:#f3f0f5;
  font-size:17px;
  font-weight:800;
  line-height:1.2;
}
#settings .set-prefs-top p{
  margin:3px 0 0;
  color:#797380;
  font-size:10.5px;
  font-weight:600;
  line-height:1.35;
}
#settings .set-prefs-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex:none;
  padding-bottom:2px;
}
#settings .set-prefs-actions>span{
  display:flex;
  align-items:center;
  gap:6px;
  color:#837c89;
  font-size:9.5px;
  font-weight:700;
  white-space:nowrap;
}
#settings .set-prefs-actions>span>i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#9b69cb;
}
#settings .set-prefs-actions>button{
  padding:0;
  border:0;
  border-bottom:1px solid transparent;
  border-radius:0;
  background:transparent;
  color:#a58eae;
  font-size:9.5px;
  font-weight:800;
  cursor:pointer;
}
#settings .set-prefs-actions>button:hover,
#settings .set-prefs-actions>button:focus-visible{
  border-bottom-color:#9369bb;
  outline:0;
  color:#d8c5e7;
}
#settings .set-pref-group{
  overflow:hidden;
  border:1px solid #292730;
  border-radius:6px;
  background:#111116;
}
#settings .set-pref-group>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:37px;
  padding:7px 13px;
  border-bottom:1px solid #292730;
  background:#141419;
  box-sizing:border-box;
}
#settings .set-pref-group>header h4{
  margin:0;
  color:#eeeaf1;
  font-size:11px;
  font-weight:850;
  letter-spacing:.075em;
  text-transform:uppercase;
}
#settings .set-pref-group>header p{
  margin:2px 0 0;
  color:#756f7b;
  font-size:9.5px;
  font-weight:600;
}
#settings .set-pref-group>header>span{
  color:#6f6875;
  font-family:"DM Mono",ui-monospace,monospace!important;
  font-size:8px;
  font-weight:700;
  letter-spacing:.08em;
  white-space:nowrap;
}
#settings .set-pref-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
#settings .set-pref-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
  min-height:52px;
  padding:8px 12px;
  border:0;
  border-bottom:1px solid #24222b;
  border-radius:0;
  background:#111116;
  color:inherit;
  text-align:left;
  cursor:pointer;
  box-sizing:border-box;
  transition:background-color .13s ease;
}
#settings .set-pref-row.left{
  border-right:1px solid #24222b;
}
#settings .set-pref-row.last{
  border-bottom:0;
}
#settings .set-pref-row.wide{
  grid-column:1/-1;
}
#settings .set-pref-row:hover{
  background:#16151b;
}
#settings .set-pref-row:focus-visible{
  position:relative;
  z-index:1;
  outline:1px solid #9d72c8;
  outline-offset:-2px;
  background:#17151d;
}
#settings .set-pref-copy{
  display:block;
  min-width:0;
}
#settings .set-pref-copy>b,
#settings .set-pref-copy>small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#settings .set-pref-copy>b{
  color:#e9e5ec;
  font-size:11.5px;
  font-weight:800;
  line-height:1.25;
}
#settings .set-pref-copy>small{
  margin-top:2px;
  color:#77717e;
  font-size:9.5px;
  font-weight:600;
  line-height:1.25;
}
#settings .set-pref-control{
  display:flex;
  align-items:center;
  gap:7px;
  flex:none;
}
#settings .set-pref-state{
  min-width:18px;
  color:#746e79;
  font-family:"DM Mono",ui-monospace,monospace!important;
  font-size:8.5px;
  font-style:normal;
  font-weight:700;
  text-align:right;
  text-transform:uppercase;
}
#settings .set-pref-toggle{
  position:relative;
  display:block;
  width:37px;
  height:21px;
  border:1px solid #423d4b;
  border-radius:999px;
  background:#2a2731;
  box-sizing:border-box;
  transition:background-color .14s,border-color .14s;
}
#settings .set-pref-toggle>i{
  position:absolute;
  top:3px;
  left:3px;
  width:13px;
  height:13px;
  border-radius:50%;
  background:#9b94a4;
  transition:transform .15s,background-color .15s;
}
#settings .set-pref-row[aria-checked="true"] .set-pref-state{
  color:#b591d4;
}
#settings .set-pref-row[aria-checked="true"] .set-pref-toggle{
  border-color:#8054b0;
  background:#7245a6;
}
#settings .set-pref-row[aria-checked="true"] .set-pref-toggle>i{
  transform:translateX(16px);
  background:#fff;
}
@media(max-width:760px){
  #settings .set-prefs-top{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  #settings .set-prefs-actions{
    width:100%;
    justify-content:space-between;
  }
  #settings .set-pref-grid{
    grid-template-columns:1fr;
  }
  #settings .set-pref-row.left{
    border-right:0;
  }
  #settings .set-pref-row.last:not(:last-child){
    border-bottom:1px solid #24222b;
  }
  #settings .set-pref-row.wide{
    grid-column:auto;
  }
}

/* 2026-08-05 v242 — calm, conventional account preferences. */
#settings .set-preferences-panel{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  gap:12px!important;
  font-family:Manrope,"Segoe UI",system-ui,sans-serif!important;
}
#settings .set-prefs-top{
  display:block!important;
  padding:0 2px 2px!important;
}
#settings .set-prefs-top h3{
  margin:0!important;
  color:#f0edf2!important;
  font:700 19px/1.25 Manrope,"Segoe UI",system-ui,sans-serif!important;
  letter-spacing:-.025em!important;
}
#settings .set-prefs-top p{
  margin:4px 0 0!important;
  color:#928c99!important;
  font:500 11.5px/1.4 Manrope,"Segoe UI",system-ui,sans-serif!important;
  letter-spacing:0!important;
}
#settings .set-pref-tabs{
  display:flex;
  align-items:center;
  gap:24px;
  min-height:37px;
  border-bottom:1px solid #2c2a32;
}
#settings .set-pref-tabs button{
  position:relative;
  align-self:stretch;
  padding:0 1px;
  border:0;
  background:transparent;
  color:#89838f;
  font:600 12px Manrope,"Segoe UI",system-ui,sans-serif!important;
  cursor:pointer;
}
#settings .set-pref-tabs button::after{
  content:"";
  position:absolute;
  right:0;
  bottom:-1px;
  left:0;
  height:2px;
  background:transparent;
}
#settings .set-pref-tabs button:hover,
#settings .set-pref-tabs button:focus-visible{
  color:#e5e1e8;
  outline:0;
}
#settings .set-pref-tabs button.active{
  color:#fff;
}
#settings .set-pref-tabs button.active::after{
  background:#9b6dcc;
}
#settings .set-pref-sheet{
  overflow:hidden;
  border:1px solid #302e37;
  border-radius:8px;
  background:#141319;
}
#settings .set-pref-sheet-head{
  padding:13px 16px 11px;
  border-bottom:1px solid #2b2931;
}
#settings .set-pref-sheet-head h4{
  margin:0;
  color:#ece8ef;
  font:700 14px/1.25 Manrope,"Segoe UI",system-ui,sans-serif!important;
  letter-spacing:-.015em;
}
#settings .set-pref-sheet-head p{
  margin:3px 0 0;
  color:#8c8692;
  font:500 11px/1.4 Manrope,"Segoe UI",system-ui,sans-serif!important;
  letter-spacing:0;
}
#settings .set-pref-list{
  display:block;
}
#settings .set-pref-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  width:100%!important;
  min-height:59px!important;
  padding:10px 16px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
  border-radius:0!important;
  background:#121217!important;
  color:inherit!important;
  text-align:left!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
}
#settings .set-pref-row:last-child{
  border-bottom:0!important;
}
#settings .set-pref-row:hover{
  background:#17161c!important;
}
#settings .set-pref-row:focus-visible{
  position:relative!important;
  z-index:1!important;
  outline:1px solid #9b6dcc!important;
  outline-offset:-2px!important;
  background:#17161c!important;
}
#settings .set-pref-copy{
  display:block!important;
  min-width:0!important;
}
#settings .set-pref-copy>b{
  display:block!important;
  overflow:visible!important;
  color:#ece8ef!important;
  font:700 14px/1.3 Manrope,"Segoe UI",system-ui,sans-serif!important;
  letter-spacing:-.01em!important;
  text-overflow:clip!important;
  white-space:normal!important;
}
#settings .set-pref-copy>small{
  display:block!important;
  overflow:visible!important;
  margin-top:3px!important;
  color:#928c99!important;
  font:500 11.5px/1.35 Manrope,"Segoe UI",system-ui,sans-serif!important;
  letter-spacing:0!important;
  text-overflow:clip!important;
  white-space:normal!important;
}
#settings .set-pref-control{
  display:flex!important;
  align-items:center!important;
  flex:none!important;
  gap:0!important;
}
#settings .set-pref-toggle{
  position:relative!important;
  display:block!important;
  width:40px!important;
  height:22px!important;
  border:1px solid #46414f!important;
  border-radius:999px!important;
  background:#2c2933!important;
  box-sizing:border-box!important;
}
#settings .set-pref-toggle>i{
  position:absolute!important;
  top:3px!important;
  left:3px!important;
  width:14px!important;
  height:14px!important;
  border-radius:50%!important;
  background:#aaa4b0!important;
  transition:transform .15s,background-color .15s!important;
}
#settings .set-pref-row[aria-checked="true"] .set-pref-toggle{
  border-color:#8158aa!important;
  background:#744a9d!important;
}
#settings .set-pref-row[aria-checked="true"] .set-pref-toggle>i{
  transform:translateX(18px)!important;
  background:#fff!important;
}
#settings .set-prefs-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:21px!important;
  padding:0 2px!important;
}
#settings .set-prefs-footer>span,
#settings .set-prefs-footer>button{
  font:500 10.5px Manrope,"Segoe UI",system-ui,sans-serif!important;
}

/* Sound volume: a clear, live value chip rather than a cramped number input. */
#settings .set-sound-row{cursor:default!important}
#settings .set-sound-row:hover{background:#121217!important}
#settings .set-sound-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(230px,1fr)!important;gap:18px!important}
#settings .set-sound-control{display:grid!important;grid-template-columns:144px 46px!important;place-content:center!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:200px!important;min-height:34px!important;margin:0 auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#settings .set-sound-range{-webkit-appearance:none!important;appearance:none!important;width:144px!important;height:6px!important;margin:0!important;border:0!important;border-radius:999px!important;background:linear-gradient(90deg,#9460e8 0 var(--sound-pct),#2a2531 var(--sound-pct) 100%)!important;box-shadow:inset 0 1px 1px rgba(0,0,0,.35)!important;cursor:pointer!important;outline:0!important}
#settings .set-sound-range::-webkit-slider-runnable-track{height:6px!important;border:0!important;border-radius:999px!important;background:linear-gradient(90deg,#9460e8 0 var(--sound-pct),#2a2531 var(--sound-pct) 100%)!important}
#settings .set-sound-range::-webkit-slider-thumb{-webkit-appearance:none!important;width:16px!important;height:16px!important;margin-top:-5px!important;border:2px solid #d8c7ff!important;border-radius:50%!important;background:#9b65ec!important;box-shadow:0 0 0 3px rgba(155,101,236,.16),0 2px 5px rgba(0,0,0,.35)!important}
#settings .set-sound-range::-moz-range-track{height:6px!important;border:0!important;border-radius:999px!important;background:#2a2531!important}
#settings .set-sound-range::-moz-range-progress{height:6px!important;border-radius:999px!important;background:#9460e8!important}
#settings .set-sound-range::-moz-range-thumb{width:12px!important;height:12px!important;border:2px solid #d8c7ff!important;border-radius:50%!important;background:#9b65ec!important;box-shadow:0 0 0 3px rgba(155,101,236,.16),0 2px 5px rgba(0,0,0,.35)!important}
#settings .set-sound-value{display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;width:46px!important;height:32px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#eee9f5!important;box-shadow:none!important;box-sizing:border-box!important}
#settings .set-sound-value b{font:600 14px/1 Manrope,"Segoe UI",system-ui,sans-serif!important;letter-spacing:-.025em!important}
#settings .set-sound-value i{color:#c5a6fa!important;font:600 12px/1 Manrope,"Segoe UI",system-ui,sans-serif!important;font-style:normal!important}
@media(max-width:620px){#settings .set-sound-row{display:flex!important;align-items:flex-start!important;flex-direction:column!important}#settings .set-sound-control{width:100%!important;margin:0!important;justify-content:start!important}#settings .set-sound-range{width:144px!important}}
#settings .set-prefs-footer>span{
  color:#7f7985!important;
}
#settings .set-prefs-footer>button{
  padding:0!important;
  border:0!important;
  border-bottom:1px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  color:#96849f!important;
  cursor:pointer!important;
}
#settings .set-prefs-footer>button:hover,
#settings .set-prefs-footer>button:focus-visible{
  color:#d3c2dd!important;
  border-bottom-color:#8f69ab!important;
  outline:0!important;
}
@media(max-width:640px){
  #settings .set-pref-tabs{
    gap:16px;
  }
  #settings .set-pref-row{
    min-height:56px!important;
    padding:9px 12px!important;
  }
  #settings .set-pref-copy>b{
    font-size:13px!important;
  }
  #settings .set-pref-copy>small{
    font-size:10.5px!important;
  }
}

/* 2026-08-05 v243 — premium active navigation rail. */
@keyframes gf-nav-rail-in{
  from{opacity:0;transform:scaleX(.28)}
  to{opacity:1;transform:scaleX(1)}
}
@keyframes gf-nav-core-in{
  from{opacity:0;transform:translateX(-50%) scaleX(0)}
  to{opacity:1;transform:translateX(-50%) scaleX(1)}
}
html.gf-scale .top-nav{
  height:100%!important;
  align-items:stretch!important;
  gap:8px!important;
}
html.gf-scale .top-nav button{
  position:relative!important;
  height:100%!important;
  padding:0 14px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#8f8995!important;
  font-family:Manrope,"Segoe UI",system-ui,sans-serif!important;
  font-weight:600!important;
  letter-spacing:-.012em!important;
  text-shadow:none!important;
  transition:color .16s ease!important;
}
html.gf-scale .top-nav button:hover:not(:disabled){
  background:transparent!important;
  color:#d8d3dc!important;
}
html.gf-scale .top-nav button::after{
  content:""!important;
  position:absolute!important;
  right:13px!important;
  bottom:0!important;
  left:13px!important;
  height:2px!important;
  border-radius:2px 2px 0 0!important;
  background:#9161bb!important;
  box-shadow:none!important;
  opacity:0!important;
  transform:scaleX(.28)!important;
  transform-origin:center!important;
}
html.gf-scale .top-nav button::before{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  bottom:0!important;
  left:50%!important;
  display:block!important;
  width:16px!important;
  height:2px!important;
  margin:0!important;
  border:0!important;
  border-radius:2px 2px 0 0!important;
  background:#e0bbff!important;
  box-shadow:0 0 10px rgba(190,125,239,.72)!important;
  opacity:0!important;
  transform:translateX(-50%) scaleX(0)!important;
  transform-origin:center!important;
}
html.gf-scale .top-nav button.active{
  background:transparent!important;
  box-shadow:none!important;
  color:#f5f2f7!important;
  font-weight:700!important;
  text-shadow:0 0 18px rgba(184,128,224,.16)!important;
}
html.gf-scale .top-nav button.active::after{
  opacity:1!important;
  transform:scaleX(1)!important;
  animation:gf-nav-rail-in .24s cubic-bezier(.2,.75,.25,1) both!important;
}
html.gf-scale .top-nav button.active::before{
  opacity:1!important;
  transform:translateX(-50%) scaleX(1)!important;
  animation:gf-nav-core-in .3s .06s cubic-bezier(.2,.75,.25,1) both!important;
}
html.gf-scale .top-nav button:focus-visible{
  outline:1px solid #6f527f!important;
  outline-offset:-6px!important;
}
html.gf-scale .top-nav button.soon:disabled{
  color:#67626d!important;
}
@media(prefers-reduced-motion:reduce){
  html.gf-scale .top-nav button.active::before,
  html.gf-scale .top-nav button.active::after{
    animation:none!important;
  }
}

/* 2026-08-05 v244 — one useful pot total in the replay footer. */
#viewer .viewer-title-row{
  display:block!important;
  padding-right:46px!important;
}
#viewer .viewer-fair{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:18px!important;
  margin-top:12px!important;
}
#viewer .viewer-fair>.viewer-round-id{
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
}
#viewer .viewer-footer-pot{
  position:relative!important;
  display:grid!important;
  align-content:center!important;
  gap:6px!important;
  min-width:142px!important;
  min-height:48px!important;
  padding:0 22px!important;
  border-left:1px solid #302c36!important;
}
#viewer .viewer-footer-pot::before{
  content:"";
  position:absolute;
  top:10px;
  bottom:10px;
  left:-1px;
  width:1px;
  background:#9b65c8;
  box-shadow:0 0 9px rgba(171,105,220,.42);
}
#viewer .viewer-footer-pot>small{
  color:#9a8ca5!important;
  font:700 9px/1 DM Mono,monospace!important;
  letter-spacing:.12em!important;
}
#viewer .viewer-footer-pot>b{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#c991f4!important;
  font:800 21px/1 Manrope,"Segoe UI",system-ui,sans-serif!important;
  letter-spacing:-.025em!important;
  text-shadow:0 0 16px rgba(171,105,220,.16)!important;
  white-space:nowrap!important;
}
#viewer .viewer-footer-pot .g-coin{
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
}
#viewer .viewer-footer-pot strong{
  font:inherit!important;
}
@media(max-width:760px){
  #viewer .viewer-fair{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  #viewer .viewer-footer-pot{
    min-width:120px!important;
    padding-right:4px!important;
    padding-left:18px!important;
  }
  #viewer .viewer-fair .modal-actions{
    grid-column:1/-1!important;
  }
}

/* 2026-08-05 v245 — remove every legacy meta strip and lock the pot to center. */
#viewer .viewer-round-meta{
  display:none!important;
}
#viewer .viewer-fair{
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
}
#viewer .viewer-round-id{
  justify-self:start!important;
}
#viewer .viewer-footer-pot{
  justify-self:center!important;
  min-width:154px!important;
  padding:0 26px!important;
  text-align:left!important;
}
#viewer .viewer-footer-pot>b{
  font-size:24px!important;
}
#viewer .viewer-fair .modal-actions{
  justify-self:end!important;
}
@media(max-width:760px){
  #viewer .viewer-fair{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  #viewer .viewer-footer-pot{
    justify-self:end!important;
  }
  #viewer .viewer-fair .modal-actions{
    justify-self:stretch!important;
  }
}

/* 2026-08-05 v246 — remove the last two decorative divider accents. */
.gf-rank-tip{
  border-left:1px solid #302d37!important;
}
#viewer .viewer-footer-pot{
  border-left:0!important;
}
#viewer .viewer-footer-pot::before{
  content:none!important;
  display:none!important;
}

/* 2026-08-05 v247 — center the Total Pot contents as one visual unit. */
#viewer .viewer-footer-pot{
  justify-items:center!important;
  text-align:center!important;
}
#viewer .viewer-footer-pot>b{
  justify-content:center!important;
}

/* 2026-08-05 v248 — editorial game tabs with live liquidity built in. */
@keyframes gf-nav-value-tick{
  0%,100%{transform:translateY(0);color:inherit}
  45%{transform:translateY(-1px);color:#f0ddff}
}
html.gf-scale .top-nav{
  position:relative!important;
  align-items:stretch!important;
  gap:2px!important;
}
html.gf-scale .top-nav button{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  min-width:110px!important;
  height:100%!important;
  padding:0 17px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#928c98!important;
  font:650 18px/1 Manrope,"Segoe UI",system-ui,sans-serif!important;
  letter-spacing:-.018em!important;
  text-shadow:none!important;
  transition:color .15s ease,background-color .15s ease!important;
}
html.gf-scale .top-nav button.top-nav-game{
  min-width:194px!important;
}
html.gf-scale .top-nav-label{
  white-space:nowrap!important;
}
html.gf-scale .top-nav-stat{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  padding-left:11px!important;
  border-left:1px solid #2e2b33!important;
  color:#aaa2af!important;
  opacity:.78!important;
  white-space:nowrap!important;
  transition:opacity .15s ease,border-color .15s ease,color .15s ease!important;
}
html.gf-scale .top-nav-stat .g-coin{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
}
html.gf-scale .top-nav-stat strong{
  min-width:42px!important;
  color:#bdb5c4!important;
  font:750 12px/1 Manrope,"Segoe UI",system-ui,sans-serif!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:-.01em!important;
}
html.gf-scale .top-nav-stat small{
  color:#716a77!important;
  font:700 8px/1 "DM Mono",ui-monospace,monospace!important;
  letter-spacing:.075em!important;
}
html.gf-scale .top-nav button:hover:not(:disabled){
  color:#e7e2ea!important;
  background:rgba(255,255,255,.018)!important;
}
html.gf-scale .top-nav button:hover:not(:disabled) .top-nav-stat{
  opacity:1!important;
}
html.gf-scale .top-nav button.active{
  color:#fff!important;
  background:linear-gradient(180deg,rgba(255,255,255,.008) 30%,rgba(124,76,158,.115))!important;
  font-weight:750!important;
  text-shadow:none!important;
}
html.gf-scale .top-nav button.active .top-nav-stat{
  border-left-color:#493753!important;
  color:#d4c6df!important;
  opacity:1!important;
}
html.gf-scale .top-nav button.active .top-nav-stat strong{
  color:#c996ef!important;
}
html.gf-scale .top-nav button::before{
  display:none!important;
}
html.gf-scale .top-nav button::after{
  content:""!important;
  position:absolute!important;
  right:16px!important;
  bottom:0!important;
  left:16px!important;
  height:3px!important;
  border-radius:0!important;
  background:linear-gradient(90deg,transparent,#6f4987 20%,#bc83e7 50%,#6f4987 80%,transparent)!important;
  box-shadow:none!important;
  opacity:0!important;
  transform:scaleX(.72)!important;
  transform-origin:center!important;
  animation:none!important;
  transition:opacity .16s ease,transform .16s ease!important;
}
html.gf-scale .top-nav button.active::after{
  opacity:1!important;
  transform:scaleX(1)!important;
  animation:none!important;
}
html.gf-scale .top-nav-stat.is-updated strong{
  animation:gf-nav-value-tick .32s ease both!important;
}
html.gf-scale .top-nav button:focus-visible{
  outline:1px solid #6e5779!important;
  outline-offset:-5px!important;
}
@media(max-width:1450px){
  html.gf-scale .top-nav button{
    min-width:88px!important;
    padding:0 11px!important;
    font-size:15px!important;
  }
  html.gf-scale .top-nav button.top-nav-game{
    min-width:150px!important;
  }
  html.gf-scale .top-nav-stat{
    gap:4px!important;
    padding-left:8px!important;
  }
  html.gf-scale .top-nav-stat small{
    display:none!important;
  }
}
@media(max-width:1050px){
  html.gf-scale .top-nav{
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  html.gf-scale .top-nav::-webkit-scrollbar{
    display:none!important;
  }
  html.gf-scale .top-nav button{
    flex:0 0 auto!important;
  }
  html.gf-scale .top-nav-stat .g-coin{
    display:none!important;
  }
  html.gf-scale .top-nav-stat strong{
    min-width:0!important;
    font-size:10.5px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html.gf-scale .top-nav-stat.is-updated strong{
    animation:none!important;
  }
}

/* 2026-08-05 v249 — compact two-line game navigation. */
html.gf-scale .top-nav{
  position:relative!important;
  align-items:stretch!important;
  gap:0!important;
  border-bottom:1px solid #211f27!important;
}
html.gf-scale .top-nav button{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  min-width:106px!important;
  height:100%!important;
  padding:0 18px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#8d8793!important;
  font:600 16px/1 Manrope,"Segoe UI",system-ui,sans-serif!important;
  letter-spacing:-.012em!important;
  text-shadow:none!important;
  transition:color .16s ease,background-color .16s ease!important;
}
html.gf-scale .top-nav button.top-nav-game{
  display:inline-grid!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;
  justify-items:start!important;
  row-gap:6px!important;
  min-width:166px!important;
  padding:0 21px!important;
}
html.gf-scale .top-nav-label{
  color:inherit!important;
  font-size:17px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
}
html.gf-scale .top-nav-stat{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  color:#89828f!important;
  opacity:1!important;
  white-space:nowrap!important;
}
html.gf-scale .top-nav-stat small{
  order:-1!important;
  margin-right:2px!important;
  color:#69636f!important;
  font:700 8px/1 "DM Mono",ui-monospace,monospace!important;
  letter-spacing:.09em!important;
}
html.gf-scale .top-nav-stat .g-coin{
  width:13px!important;
  height:13px!important;
  flex:0 0 13px!important;
  opacity:.72!important;
}
html.gf-scale .top-nav-stat strong{
  min-width:0!important;
  color:#aaa3af!important;
  font:700 11.5px/1 Manrope,"Segoe UI",system-ui,sans-serif!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:-.005em!important;
}
html.gf-scale .top-nav button[data-mode="jackpot"]{
  margin-right:10px!important;
  padding-right:27px!important;
  border-right:1px solid #28252e!important;
}
html.gf-scale .top-nav button:hover:not(:disabled){
  color:#ddd8e1!important;
  background:linear-gradient(180deg,transparent 55%,rgba(117,73,140,.035))!important;
}
html.gf-scale .top-nav button:hover:not(:disabled) .top-nav-stat strong{
  color:#cec7d3!important;
}
html.gf-scale .top-nav button.active{
  color:#f8f5fa!important;
  background:linear-gradient(180deg,transparent 42%,rgba(119,71,145,.085))!important;
  font-weight:700!important;
  text-shadow:none!important;
}
html.gf-scale .top-nav button.active .top-nav-stat small{
  color:#9b7ba1!important;
}
html.gf-scale .top-nav button.active .top-nav-stat strong{
  color:#d09bed!important;
}
html.gf-scale .top-nav button.active .top-nav-stat .g-coin{
  opacity:1!important;
}
html.gf-scale .top-nav button::after{
  content:""!important;
  position:absolute!important;
  right:20px!important;
  bottom:0!important;
  left:20px!important;
  height:2px!important;
  border-radius:0!important;
  background:#75498c!important;
  box-shadow:none!important;
  opacity:0!important;
  transform:scaleX(.62)!important;
  transform-origin:left!important;
  animation:none!important;
  transition:opacity .16s ease,transform .18s ease!important;
}
html.gf-scale .top-nav button::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  left:20px!important;
  bottom:0!important;
  width:24px!important;
  height:2px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:#d0a0ef!important;
  box-shadow:none!important;
  opacity:0!important;
  transform:none!important;
  animation:none!important;
}
html.gf-scale .top-nav button.active::after,
html.gf-scale .top-nav button.active::before{
  opacity:1!important;
  transform:scaleX(1)!important;
  animation:none!important;
}
html.gf-scale .top-nav-stat.is-updated strong{
  animation:none!important;
  color:#e1c5f3!important;
  transition:color .22s ease!important;
}
html.gf-scale .top-nav button:focus-visible{
  outline:1px solid #6e5779!important;
  outline-offset:-5px!important;
}

/* The result itself is the heading; the redundant item label is hidden. */
#viewer .replay-prize{
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto!important;
  gap:7px!important;
}
#viewer .replay-prize>span{
  display:none!important;
}
#viewer .replay-prize>#replayWinner{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:center!important;
  text-align:center!important;
}
#viewer .replay-prize>#replayItems{
  grid-column:1!important;
  grid-row:2!important;
}

@media(max-width:1450px){
  html.gf-scale .top-nav button{
    min-width:82px!important;
    padding:0 11px!important;
    font-size:14px!important;
  }
  html.gf-scale .top-nav button.top-nav-game{
    min-width:136px!important;
    padding:0 14px!important;
    row-gap:5px!important;
  }
  html.gf-scale .top-nav-label{
    font-size:15px!important;
  }
  html.gf-scale .top-nav-stat small{
    display:inline!important;
    font-size:7px!important;
  }
  html.gf-scale .top-nav-stat strong{
    min-width:0!important;
    font-size:10px!important;
  }
  html.gf-scale .top-nav button::after{
    right:14px!important;
    left:14px!important;
  }
  html.gf-scale .top-nav button::before{
    left:14px!important;
    width:20px!important;
  }
  html.gf-scale .top-nav button[data-mode="jackpot"]{
    margin-right:5px!important;
    padding-right:20px!important;
  }
}
@media(max-width:1050px){
  html.gf-scale .top-nav{
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  html.gf-scale .top-nav::-webkit-scrollbar{
    display:none!important;
  }
  html.gf-scale .top-nav button{
    flex:0 0 auto!important;
  }
  html.gf-scale .top-nav button.top-nav-game{
    min-width:118px!important;
  }
  html.gf-scale .top-nav-stat .g-coin{
    display:none!important;
  }
  html.gf-scale .top-nav button[data-mode="jackpot"] .top-nav-stat small{
    font-size:0!important;
  }
  html.gf-scale .top-nav button[data-mode="jackpot"] .top-nav-stat small::after{
    content:"POT";
    font-size:7px!important;
  }
}

/* 2026-08-05 v250 — live totals reveal on intent, not at rest. */
html.gf-scale .top-nav{
  gap:2px!important;
}
html.gf-scale .top-nav button.top-nav-game{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:154px!important;
  padding:0 21px!important;
}
html.gf-scale .top-nav button[data-mode="jackpot"]{
  margin-right:0!important;
  padding-right:21px!important;
  border-right:0!important;
}
html.gf-scale .top-nav-game .top-nav-label{
  transform:translateY(0)!important;
  transition:transform .2s cubic-bezier(.2,.72,.28,1),color .16s ease!important;
}
html.gf-scale .top-nav-game .top-nav-stat{
  position:absolute!important;
  left:21px!important;
  bottom:12px!important;
  display:inline-flex!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(5px)!important;
  transition:opacity .16s ease,transform .2s cubic-bezier(.2,.72,.28,1)!important;
}
html.gf-scale .top-nav-game:hover .top-nav-label,
html.gf-scale .top-nav-game:focus-visible .top-nav-label{
  transform:translateY(-10px)!important;
}
html.gf-scale .top-nav-game:hover .top-nav-stat,
html.gf-scale .top-nav-game:focus-visible .top-nav-stat{
  opacity:1!important;
  transform:translateY(0)!important;
}
html.gf-scale .top-nav-stat.is-updated strong{
  color:#d09bed!important;
}

@media(max-width:1450px){
  html.gf-scale .top-nav button.top-nav-game{
    min-width:128px!important;
    padding:0 14px!important;
  }
  html.gf-scale .top-nav button[data-mode="jackpot"]{
    margin-right:0!important;
    padding-right:14px!important;
    border-right:0!important;
  }
  html.gf-scale .top-nav-game .top-nav-stat{
    left:14px!important;
    bottom:11px!important;
  }
  html.gf-scale .top-nav-game:hover .top-nav-label,
  html.gf-scale .top-nav-game:focus-visible .top-nav-label{
    transform:translateY(-9px)!important;
  }
}
@media(max-width:1050px){
  html.gf-scale .top-nav button.top-nav-game{
    min-width:120px!important;
  }
  html.gf-scale .top-nav-stat .g-coin{
    display:inline-block!important;
    width:11px!important;
    height:11px!important;
    flex-basis:11px!important;
  }
}
@media(hover:none){
  html.gf-scale .top-nav-game.active .top-nav-label{
    transform:translateY(-9px)!important;
  }
  html.gf-scale .top-nav-game.active .top-nav-stat{
    opacity:1!important;
    transform:translateY(0)!important;
  }
}

/* 2026-08-05 v252 — stable two-line hover state; name always remains visible. */
html.gf-scale .top-nav button.top-nav-game{
  position:relative!important;
  display:block!important;
  min-width:154px!important;
  padding:0 14px!important;
}
html.gf-scale .top-nav-game .top-nav-label{
  position:absolute!important;
  top:50%!important;
  right:0!important;
  left:0!important;
  display:block!important;
  width:100%!important;
  opacity:1!important;
  transform:translateY(-50%)!important;
  text-align:center!important;
  transition:top .18s cubic-bezier(.2,.72,.28,1),transform .18s cubic-bezier(.2,.72,.28,1),color .16s ease!important;
}
html.gf-scale .top-nav-game .top-nav-stat{
  position:absolute!important;
  top:69%!important;
  right:auto!important;
  bottom:auto!important;
  left:50%!important;
  display:inline-flex!important;
  justify-content:center!important;
  width:max-content!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translate(-50%,calc(-50% + 3px))!important;
  transition:opacity .14s ease,transform .18s cubic-bezier(.2,.72,.28,1)!important;
}
/* Neutralize every older active/focus/hover reveal. Mouse enter is the sole trigger. */
html.gf-scale .top-nav-game:hover .top-nav-label,
html.gf-scale .top-nav-game:focus-visible .top-nav-label,
html.gf-scale .top-nav-game:not(.is-metric-hover) .top-nav-label,
html.gf-scale .top-nav-game.active:not(.is-metric-hover) .top-nav-label{
  top:50%!important;
  opacity:1!important;
  transform:translateY(-50%)!important;
}
html.gf-scale .top-nav-game:hover .top-nav-stat,
html.gf-scale .top-nav-game:focus-visible .top-nav-stat,
html.gf-scale .top-nav-game:not(.is-metric-hover) .top-nav-stat,
html.gf-scale .top-nav-game.active:not(.is-metric-hover) .top-nav-stat{
  opacity:0!important;
  transform:translate(-50%,calc(-50% + 3px))!important;
}
html.gf-scale .top-nav-game.is-metric-hover .top-nav-label,
html.gf-scale .top-nav-game.active.is-metric-hover .top-nav-label{
  top:31%!important;
  opacity:1!important;
  transform:translateY(-50%)!important;
}
html.gf-scale .top-nav-game.is-metric-hover .top-nav-stat,
html.gf-scale .top-nav-game.active.is-metric-hover .top-nav-stat{
  top:69%!important;
  opacity:1!important;
  transform:translate(-50%,-50%)!important;
}

@media(max-width:1450px){
  html.gf-scale .top-nav button.top-nav-game{
    min-width:142px!important;
    padding:0 10px!important;
  }
}
@media(max-width:1050px){
  html.gf-scale .top-nav button.top-nav-game{
    min-width:130px!important;
  }
}

/* 2026-08-05 v253 — isolated nav reset after the hover prototype. */
html.gf-scale .top-nav.top-nav-v253{
  align-items:stretch!important;
  gap:2px!important;
  border-bottom:1px solid #211f27!important;
}
html.gf-scale .top-nav.top-nav-v253 button{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:108px!important;
  height:100%!important;
  padding:0 17px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#8d8793!important;
  font:600 16px/1 Manrope,"Segoe UI",system-ui,sans-serif!important;
  letter-spacing:-.012em!important;
  text-shadow:none!important;
}
html.gf-scale .top-nav.top-nav-v253 button.top-nav-game{
  display:block!important;
  min-width:154px!important;
  padding:0 12px!important;
}
html.gf-scale .top-nav.top-nav-v253 .top-nav-game .top-nav-label{
  position:absolute!important;
  top:50%!important;
  right:0!important;
  left:0!important;
  display:block!important;
  width:100%!important;
  color:inherit!important;
  font:700 17px/1 Manrope,"Segoe UI",system-ui,sans-serif!important;
  opacity:1!important;
  transform:translateY(-50%)!important;
  text-align:center!important;
  transition:top .18s cubic-bezier(.2,.72,.28,1),color .16s ease!important;
}
html.gf-scale .top-nav.top-nav-v253 .top-nav-game .top-nav-stat,
html.gf-scale .top-nav.top-nav-v253 .top-nav-game:not(:hover) .top-nav-stat,
html.gf-scale .top-nav.top-nav-v253 .top-nav-game.active .top-nav-stat{
  position:absolute!important;
  top:69%!important;
  right:auto!important;
  bottom:auto!important;
  left:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  width:max-content!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translate(-50%,calc(-50% + 3px))!important;
  transition:opacity .14s ease,transform .18s cubic-bezier(.2,.72,.28,1)!important;
}
html.gf-scale .top-nav.top-nav-v253 button.active{
  color:#f8f5fa!important;
  background:transparent!important;
  font-weight:700!important;
}
html.gf-scale .top-nav.top-nav-v253 button[data-mode="jackpot"]{
  margin-right:0!important;
  padding-right:12px!important;
  border-right:0!important;
}
html.gf-scale .top-nav.top-nav-v253 button::before{
  display:none!important;
  opacity:0!important;
}
html.gf-scale .top-nav.top-nav-v253 button::after{
  right:auto!important;
  bottom:0!important;
  left:50%!important;
  width:54px!important;
  height:2px!important;
  background:linear-gradient(90deg,#76508b,#c28de2)!important;
  box-shadow:none!important;
  opacity:0!important;
  transform:translateX(-50%) scaleX(.72)!important;
  transform-origin:center!important;
}
html.gf-scale .top-nav.top-nav-v253 button.active::after{
  opacity:1!important;
  transform:translateX(-50%) scaleX(1)!important;
}
@media(hover:hover) and (pointer:fine){
  html.gf-scale .top-nav.top-nav-v253 .top-nav-game:hover .top-nav-label,
  html.gf-scale .top-nav.top-nav-v253 .top-nav-game.active:hover .top-nav-label{
    top:31%!important;
    opacity:1!important;
    transform:translateY(-50%)!important;
  }
  html.gf-scale .top-nav.top-nav-v253 .top-nav-game:hover .top-nav-stat,
  html.gf-scale .top-nav.top-nav-v253 .top-nav-game.active:hover .top-nav-stat{
    top:69%!important;
    opacity:1!important;
    transform:translate(-50%,-50%)!important;
  }
}
@media(hover:none), (pointer:coarse){
  html.gf-scale .top-nav.top-nav-v253 .top-nav-game .top-nav-label,
  html.gf-scale .top-nav.top-nav-v253 .top-nav-game.active .top-nav-label{
    top:50%!important;
    opacity:1!important;
    transform:translateY(-50%)!important;
  }
  html.gf-scale .top-nav.top-nav-v253 .top-nav-game .top-nav-stat,
  html.gf-scale .top-nav.top-nav-v253 .top-nav-game.active .top-nav-stat{
    opacity:0!important;
  }
}
@media(max-width:1450px){
  html.gf-scale .top-nav.top-nav-v253 button{
    min-width:82px!important;
    padding:0 11px!important;
    font-size:14px!important;
  }
  html.gf-scale .top-nav.top-nav-v253 button.top-nav-game{
    min-width:140px!important;
    padding:0 10px!important;
  }
  html.gf-scale .top-nav.top-nav-v253 .top-nav-game .top-nav-label{
    font-size:15px!important;
  }
}
@media(max-width:1050px){
  html.gf-scale .top-nav.top-nav-v253{
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  html.gf-scale .top-nav.top-nav-v253::-webkit-scrollbar{
    display:none!important;
  }
  html.gf-scale .top-nav.top-nav-v253 button{
    flex:0 0 auto!important;
  }
  html.gf-scale .top-nav.top-nav-v253 button.top-nav-game{
    min-width:128px!important;
  }
}

/* 2026-08-05 v251 — hover-only centered metric swap. */
html.gf-scale .top-nav button.top-nav-game{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:146px!important;
  padding:0 18px!important;
}
html.gf-scale .top-nav-game .top-nav-label{
  opacity:1!important;
  transform:translateY(0)!important;
  transition:opacity .14s ease,transform .18s cubic-bezier(.2,.72,.28,1),color .16s ease!important;
}
html.gf-scale .top-nav-game .top-nav-stat{
  position:absolute!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  left:50%!important;
  display:inline-flex!important;
  justify-content:center!important;
  width:max-content!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translate(-50%,calc(-50% + 4px))!important;
  transition:opacity .14s ease,transform .18s cubic-bezier(.2,.72,.28,1)!important;
}
html.gf-scale .top-nav-game:hover .top-nav-label{
  opacity:0!important;
  transform:translateY(-4px)!important;
}
html.gf-scale .top-nav-game:hover .top-nav-stat{
  opacity:1!important;
  transform:translate(-50%,-50%)!important;
}
/* Clicking or selecting a tab must never pin the hover content open. */
html.gf-scale .top-nav-game:not(:hover) .top-nav-label{
  opacity:1!important;
  transform:translateY(0)!important;
}
html.gf-scale .top-nav-game:not(:hover) .top-nav-stat{
  opacity:0!important;
  transform:translate(-50%,calc(-50% + 4px))!important;
}
html.gf-scale .top-nav button.active,
html.gf-scale .top-nav button.active:hover{
  background:transparent!important;
}
html.gf-scale .top-nav button::before{
  display:none!important;
  opacity:0!important;
}
html.gf-scale .top-nav button::after{
  right:auto!important;
  left:50%!important;
  width:56px!important;
  height:2px!important;
  background:linear-gradient(90deg,#76508b,#c28de2)!important;
  opacity:0!important;
  transform:translateX(-50%) scaleX(.72)!important;
  transform-origin:center!important;
}
html.gf-scale .top-nav button.active::after{
  opacity:1!important;
  transform:translateX(-50%) scaleX(1)!important;
}

@media(max-width:1450px){
  html.gf-scale .top-nav button.top-nav-game{
    min-width:124px!important;
    padding:0 12px!important;
  }
  html.gf-scale .top-nav-game .top-nav-stat{
    top:50%!important;
    left:50%!important;
  }
  html.gf-scale .top-nav button::after{
    right:auto!important;
    left:50%!important;
    width:48px!important;
  }
}
@media(max-width:1050px){
  html.gf-scale .top-nav button.top-nav-game{
    min-width:116px!important;
  }
}
@media(hover:none){
  html.gf-scale .top-nav-game.active .top-nav-label,
  html.gf-scale .top-nav-game:not(:hover) .top-nav-label{
    opacity:1!important;
    transform:translateY(0)!important;
  }
  html.gf-scale .top-nav-game.active .top-nav-stat,
  html.gf-scale .top-nav-game:not(:hover) .top-nav-stat{
    opacity:0!important;
    transform:translate(-50%,calc(-50% + 4px))!important;
  }
}

/* 2026-08-05 v255 — compact navigation with a persistent game-value rail. */
html.gf-scale #gfPrimaryNav.top-nav-v254{
  --gf-game-tab-width:116px;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:0!important;
  width:max-content!important;
  height:100%!important;
  margin:0!important;
  overflow:visible!important;
  border:0!important;
  border-bottom:1px solid #211f27!important;
  background:transparent!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v254>button{
  all:unset!important;
  position:relative!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  padding:0 14px 12px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#8d8793!important;
  font:600 16px/1 Manrope,"Segoe UI",system-ui,sans-serif!important;
  letter-spacing:-.012em!important;
  text-align:center!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transition:color .15s ease!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v254>button.top-nav-game{
  display:block!important;
  flex:0 0 var(--gf-game-tab-width)!important;
  width:var(--gf-game-tab-width)!important;
  padding:0!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v254 .top-nav-label{
  all:unset!important;
  position:absolute!important;
  top:calc(50% - 6px)!important;
  right:12px!important;
  left:12px!important;
  display:block!important;
  overflow:hidden!important;
  color:inherit!important;
  font:700 16px/1 Manrope,"Segoe UI",system-ui,sans-serif!important;
  letter-spacing:-.012em!important;
  text-align:center!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  opacity:1!important;
  transform:translateY(-50%)!important;
  transition:top .16s cubic-bezier(.2,.72,.28,1),color .15s ease!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v254 .top-nav-stat{
  all:unset!important;
  position:absolute!important;
  top:calc(50% + 13px)!important;
  right:auto!important;
  bottom:auto!important;
  left:50%!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  width:max-content!important;
  max-width:calc(100% - 20px)!important;
  color:#c58bf1!important;
  font:700 12px/1 Manrope,"Segoe UI",system-ui,sans-serif!important;
  letter-spacing:-.01em!important;
  opacity:.76!important;
  pointer-events:none!important;
  transform:translate(-50%,-50%)!important;
  transition:opacity .15s ease,color .15s ease!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v254 .top-nav-stat .g-coin{
  display:inline-block!important;
  width:13px!important;
  height:13px!important;
  flex:0 0 13px!important;
  margin:0!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v254 .top-nav-stat strong{
  all:unset!important;
  color:#c58bf1!important;
  font:700 12px/1 Manrope,"Segoe UI",system-ui,sans-serif!important;
  letter-spacing:-.01em!important;
  animation:none!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v254 .top-nav-stat small{
  display:none!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v254>button:hover:not(:disabled){
  color:#dcd7df!important;
  background:transparent!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v254>button.active,
html.gf-scale #gfPrimaryNav.top-nav-v254>button.active:hover{
  color:#f8f5fa!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v254>button:focus,
html.gf-scale #gfPrimaryNav.top-nav-v254>button:focus-visible{
  outline:0!important;
  outline-offset:0!important;
  box-shadow:none!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v254>button:disabled{
  color:#6d6872!important;
  cursor:default!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v254>button::before{
  content:none!important;
  display:none!important;
  animation:none!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v254>button::after{
  content:""!important;
  position:absolute!important;
  right:auto!important;
  bottom:0!important;
  left:50%!important;
  display:block!important;
  width:58px!important;
  height:2px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:#a66bd0!important;
  box-shadow:none!important;
  opacity:0!important;
  transform:translateX(-50%) scaleX(.72)!important;
  transform-origin:center!important;
  animation:none!important;
  transition:opacity .15s ease,transform .15s ease!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v254>button:focus-visible::after{
  opacity:.6!important;
  transform:translateX(-50%) scaleX(1)!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v254>button.active::after{
  opacity:1!important;
  transform:translateX(-50%) scaleX(1)!important;
}
@media(hover:hover) and (pointer:fine){
  html.gf-scale #gfPrimaryNav.top-nav-v254 .top-nav-game:hover .top-nav-label{
    top:calc(50% - 6px)!important;
  }
  html.gf-scale #gfPrimaryNav.top-nav-v254 .top-nav-game:hover .top-nav-stat{
    opacity:1!important;
    transform:translate(-50%,-50%)!important;
  }
}
@media(hover:none), (pointer:coarse){
  html.gf-scale #gfPrimaryNav.top-nav-v254 .top-nav-game .top-nav-label{
    top:calc(50% - 6px)!important;
  }
  html.gf-scale #gfPrimaryNav.top-nav-v254 .top-nav-game .top-nav-stat{
    opacity:.76!important;
  }
}
@media(max-width:1450px){
  html.gf-scale #gfPrimaryNav.top-nav-v254{
    --gf-game-tab-width:108px;
  }
  html.gf-scale #gfPrimaryNav.top-nav-v254>button,
  html.gf-scale #gfPrimaryNav.top-nav-v254 .top-nav-label{
    font-size:14px!important;
  }
  html.gf-scale #gfPrimaryNav.top-nav-v254>button{
    padding-right:12px!important;
    padding-left:12px!important;
  }
  html.gf-scale #gfPrimaryNav.top-nav-v254>button.top-nav-game{
    padding:0!important;
  }
}
@media(max-width:1050px){
  html.gf-scale #gfPrimaryNav.top-nav-v254{
    justify-content:start!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  html.gf-scale #gfPrimaryNav.top-nav-v254::-webkit-scrollbar{
    display:none!important;
  }
}

/* 2026-08-05 v256 — single-line live ledger navigation. */
@keyframes gf-nav-ledger-tick{
  50%{
    color:#f2dcff;
    text-shadow:0 0 9px rgba(193,121,236,.42);
  }
}
html.gf-scale #gfPrimaryNav.top-nav-v256{
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:2px!important;
  width:max-content!important;
  height:100%!important;
  margin:0!important;
  overflow:visible!important;
  border:0!important;
  border-bottom:1px solid #211f27!important;
  background:transparent!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v256>button{
  all:unset!important;
  position:relative!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  width:auto!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  padding:0 14px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#8f8995!important;
  font:600 16px/1 Manrope,"Segoe UI",system-ui,sans-serif!important;
  letter-spacing:-.015em!important;
  text-align:center!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transition:color .16s ease!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v256>button.top-nav-game{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  width:auto!important;
  min-width:0!important;
  padding:0 15px!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v256 .top-nav-label{
  all:unset!important;
  position:static!important;
  display:inline-block!important;
  color:inherit!important;
  font:700 16px/1 Manrope,"Segoe UI",system-ui,sans-serif!important;
  letter-spacing:-.015em!important;
  text-align:center!important;
  white-space:nowrap!important;
  opacity:1!important;
  transform:none!important;
  transition:color .16s ease!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v256 .top-nav-stat{
  all:unset!important;
  position:static!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  width:auto!important;
  margin:0!important;
  color:#a77ec2!important;
  font:700 12px/1 Manrope,"Segoe UI",system-ui,sans-serif!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:-.01em!important;
  opacity:.72!important;
  pointer-events:none!important;
  transform:none!important;
  transition:color .16s ease,opacity .16s ease!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v256 .top-nav-stat .g-coin{
  display:block!important;
  width:13px!important;
  height:13px!important;
  flex:0 0 13px!important;
  margin:0!important;
  opacity:.82!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v256 .top-nav-stat strong{
  all:unset!important;
  color:inherit!important;
  font:700 12px/1 Manrope,"Segoe UI",system-ui,sans-serif!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:-.01em!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v256 .top-nav-stat small,
html.gf-scale #gfPrimaryNav.top-nav-v256 .top-nav-game>i{
  display:none!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v256>button:hover:not(:disabled){
  color:#d8d2dc!important;
  background:transparent!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v256 .top-nav-game:hover .top-nav-stat{
  color:#ca91ee!important;
  opacity:1!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v256>button.active,
html.gf-scale #gfPrimaryNav.top-nav-v256>button.active:hover{
  color:#faf8fb!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v256>button.active .top-nav-stat{
  color:#c68ee9!important;
  opacity:.96!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v256>button:focus,
html.gf-scale #gfPrimaryNav.top-nav-v256>button:focus-visible{
  outline:0!important;
  outline-offset:0!important;
  box-shadow:none!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v256>button:disabled{
  color:#6d6872!important;
  cursor:default!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v256>button::before{
  content:none!important;
  display:none!important;
  animation:none!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v256>button::after{
  content:""!important;
  position:absolute!important;
  right:auto!important;
  bottom:0!important;
  left:50%!important;
  display:block!important;
  width:44px!important;
  height:2px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,transparent,#9260b8 22%,#c68ee9 50%,#9260b8 78%,transparent)!important;
  box-shadow:0 -3px 10px rgba(184,116,226,.2)!important;
  opacity:0!important;
  transform:translateX(-50%) scaleX(.65)!important;
  transform-origin:center!important;
  animation:none!important;
  transition:opacity .16s ease,transform .18s ease!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v256>button.active::after{
  opacity:1!important;
  transform:translateX(-50%) scaleX(1)!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v256>button:focus-visible::after{
  opacity:.7!important;
  transform:translateX(-50%) scaleX(1)!important;
}
html.gf-scale #gfPrimaryNav.top-nav-v256 .top-nav-stat.is-updated strong{
  animation:gf-nav-ledger-tick .42s ease!important;
}
@media(max-width:1450px){
  html.gf-scale #gfPrimaryNav.top-nav-v256>button{
    padding-right:11px!important;
    padding-left:11px!important;
    font-size:14px!important;
  }
  html.gf-scale #gfPrimaryNav.top-nav-v256>button.top-nav-game{
    gap:7px!important;
    padding-right:12px!important;
    padding-left:12px!important;
  }
  html.gf-scale #gfPrimaryNav.top-nav-v256 .top-nav-label{
    font-size:14px!important;
  }
  html.gf-scale #gfPrimaryNav.top-nav-v256 .top-nav-stat,
  html.gf-scale #gfPrimaryNav.top-nav-v256 .top-nav-stat strong{
    font-size:11px!important;
  }
  html.gf-scale #gfPrimaryNav.top-nav-v256 .top-nav-stat .g-coin{
    width:12px!important;
    height:12px!important;
    flex-basis:12px!important;
  }
}
@media(max-width:1050px){
  html.gf-scale #gfPrimaryNav.top-nav-v256{
    justify-content:start!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  html.gf-scale #gfPrimaryNav.top-nav-v256::-webkit-scrollbar{
    display:none!important;
  }
  html.gf-scale #gfPrimaryNav.top-nav-v256>button{
    flex:0 0 auto!important;
  }
}

/* 2026-08-05 v257 — premium game-mode data rail. */
@keyframes gf-nav-market-tick{
  45%{
    color:#ead2f7;
    text-shadow:0 0 10px rgba(190,119,226,.36);
  }
}

html.gf-scale #gfPrimaryNav.top-nav-v257{
  --gf-nav-height:72px;
  display:inline-flex!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:2px!important;
  width:max-content!important;
  height:var(--gf-nav-height)!important;
  margin:0!important;
  padding:0 3px!important;
  overflow:visible!important;
  border:0!important;
  border-bottom:1px solid #232027!important;
  background:linear-gradient(180deg,transparent 64%,rgba(117,75,139,.025) 100%)!important;
  isolation:isolate!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v257>button{
  all:unset!important;
  position:relative!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:19px 14px!important;
  place-items:center!important;
  align-content:center!important;
  row-gap:5px!important;
  min-width:91px!important;
  height:var(--gf-nav-height)!important;
  margin:0!important;
  padding:0 13px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#8e8994!important;
  font:650 15.5px/19px Manrope,"Segoe UI",system-ui,sans-serif!important;
  letter-spacing:-.018em!important;
  text-align:center!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transition:color .16s ease!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v257>button.top-nav-game{
  width:144px!important;
  min-width:144px!important;
  padding:0 10px!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v257 .top-nav-label{
  all:unset!important;
  grid-row:1!important;
  grid-column:1!important;
  align-self:center!important;
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  color:inherit!important;
  font:750 15.5px/19px Manrope,"Segoe UI",system-ui,sans-serif!important;
  letter-spacing:-.021em!important;
  text-align:center!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  opacity:1!important;
  transform:none!important;
  transition:color .16s ease,text-shadow .16s ease!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v257 .top-nav-stat{
  all:unset!important;
  grid-row:2!important;
  grid-column:1!important;
  align-self:center!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  min-width:0!important;
  height:14px!important;
  margin:0!important;
  color:#a67bbc!important;
  font-variant-numeric:tabular-nums!important;
  pointer-events:none!important;
  opacity:.78!important;
  transform:none!important;
  transition:color .16s ease,opacity .16s ease!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v257 .top-nav-stat::before{
  content:""!important;
  display:block!important;
  width:3px!important;
  height:3px!important;
  margin:0 2px 0 0!important;
  background:#805493!important;
  box-shadow:0 0 7px rgba(174,104,207,.32)!important;
  opacity:.88!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v257 .top-nav-stat small{
  all:unset!important;
  order:0!important;
  display:block!important;
  margin:0 2px 0 0!important;
  color:#766c7b!important;
  font:700 7.5px/10px "DM Mono",Consolas,monospace!important;
  letter-spacing:.105em!important;
  text-transform:uppercase!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v257 .top-nav-stat .g-coin{
  order:1!important;
  display:block!important;
  width:11px!important;
  height:11px!important;
  flex:0 0 11px!important;
  margin:0!important;
  opacity:.78!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v257 .top-nav-stat strong{
  all:unset!important;
  order:2!important;
  display:block!important;
  color:inherit!important;
  font:650 10.5px/12px "DM Mono",Consolas,monospace!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:-.035em!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v257 .top-nav-game>i{
  display:none!important;
}

/* The hover field is atmospheric; it never becomes a card or pill. */
html.gf-scale #gfPrimaryNav.top-nav-v257>button::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  inset:0 4px!important;
  display:block!important;
  border:0!important;
  border-radius:0!important;
  background:
    radial-gradient(ellipse 78% 60% at 50% 104%,rgba(158,94,190,.16) 0%,rgba(122,74,146,.055) 48%,transparent 78%)!important;
  box-shadow:none!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:none!important;
  transition:opacity .2s ease!important;
}

/* A muted rail with a brighter center core gives the active mode precision. */
html.gf-scale #gfPrimaryNav.top-nav-v257>button::after{
  content:""!important;
  position:absolute!important;
  right:auto!important;
  bottom:0!important;
  left:50%!important;
  display:block!important;
  width:66px!important;
  height:2px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,transparent 0%,#755086 19%,#a46bc0 39%,#d19bea 50%,#a46bc0 61%,#755086 81%,transparent 100%)!important;
  box-shadow:0 -4px 13px rgba(163,96,196,.2)!important;
  opacity:0!important;
  transform:translateX(-50%) scaleX(.45)!important;
  transform-origin:center!important;
  transition:opacity .16s ease,transform .22s cubic-bezier(.2,.74,.28,1)!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v257>button:hover:not(:disabled){
  color:#d8d3dc!important;
  background:transparent!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v257>button:hover:not(:disabled)::before{
  opacity:.43!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v257>button.top-nav-game:hover .top-nav-stat{
  color:#c18fda!important;
  opacity:1!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v257>button.active,
html.gf-scale #gfPrimaryNav.top-nav-v257>button.active:hover{
  color:#faf8fb!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v257>button.active::before{
  opacity:1!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v257>button.active::after{
  opacity:1!important;
  transform:translateX(-50%) scaleX(1)!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v257>button.active .top-nav-label{
  text-shadow:0 0 18px rgba(184,125,211,.15)!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v257>button.active .top-nav-stat{
  color:#cd98e5!important;
  opacity:1!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v257>button.active .top-nav-stat small{
  color:#95809d!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v257>button.active .top-nav-stat .g-coin{
  opacity:1!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v257>button:focus,
html.gf-scale #gfPrimaryNav.top-nav-v257>button:focus-visible{
  outline:0!important;
  box-shadow:none!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v257>button:focus-visible::after{
  opacity:.72!important;
  transform:translateX(-50%) scaleX(1)!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v257>button:disabled{
  color:#69646e!important;
  cursor:default!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v257 .top-nav-stat.is-updated strong{
  animation:gf-nav-market-tick .42s ease!important;
}

@media(max-width:1450px){
  html.gf-scale #gfPrimaryNav.top-nav-v257{
    --gf-nav-height:66px;
  }

  html.gf-scale #gfPrimaryNav.top-nav-v257>button{
    min-width:82px!important;
    padding-right:10px!important;
    padding-left:10px!important;
  }

  html.gf-scale #gfPrimaryNav.top-nav-v257>button.top-nav-game{
    width:132px!important;
    min-width:132px!important;
    padding-right:8px!important;
    padding-left:8px!important;
  }

  html.gf-scale #gfPrimaryNav.top-nav-v257,
  html.gf-scale #gfPrimaryNav.top-nav-v257 .top-nav-label{
    font-size:14px!important;
  }

  html.gf-scale #gfPrimaryNav.top-nav-v257 .top-nav-stat strong{
    font-size:10px!important;
  }
}

@media(max-width:1050px){
  html.gf-scale #gfPrimaryNav.top-nav-v257{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }

  html.gf-scale #gfPrimaryNav.top-nav-v257::-webkit-scrollbar{
    display:none!important;
  }

  html.gf-scale #gfPrimaryNav.top-nav-v257>button{
    flex:0 0 auto!important;
  }
}

/* 2026-08-06 v258 — icon-led market quote navigation. */
@keyframes gf-nav-quote-tick{
  45%{
    color:#edd5f8;
    text-shadow:0 0 9px rgba(192,121,224,.32);
  }
}

html.gf-scale #gfPrimaryNav.top-nav-v258{
  --gf-nav-height:72px;
  display:inline-flex!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:3px!important;
  width:max-content!important;
  height:var(--gf-nav-height)!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-bottom:1px solid #211f26!important;
  background:transparent!important;
  isolation:isolate!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v258>button{
  all:unset!important;
  position:relative!important;
  box-sizing:border-box!important;
  isolation:isolate!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:var(--gf-nav-height)!important;
  margin:0!important;
  padding:0 14px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#8d8792!important;
  font:650 15.5px/1 Manrope,"Segoe UI",system-ui,sans-serif!important;
  letter-spacing:-.018em!important;
  text-align:center!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transition:color .16s ease!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v258>button.top-nav-game{
  display:grid!important;
  grid-template-columns:22px minmax(57px,1fr) max-content!important;
  align-items:center!important;
  column-gap:8px!important;
  width:184px!important;
  min-width:184px!important;
  padding:0 12px!important;
  text-align:left!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v258 .top-nav-mode-icon{
  grid-column:1!important;
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  color:#76547f!important;
  filter:none!important;
  opacity:.9!important;
  transition:color .16s ease,filter .16s ease,opacity .16s ease!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v258 .top-nav-mode-icon svg{
  display:block!important;
  width:22px!important;
  height:22px!important;
  overflow:visible!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.55!important;
  stroke-linecap:square!important;
  stroke-linejoin:miter!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v258 .top-nav-label{
  all:unset!important;
  grid-column:2!important;
  justify-self:start!important;
  align-self:center!important;
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  color:inherit!important;
  font:750 16px/20px Manrope,"Segoe UI",system-ui,sans-serif!important;
  letter-spacing:-.024em!important;
  text-align:left!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  opacity:1!important;
  transform:none!important;
  transition:color .16s ease,text-shadow .16s ease!important;
}

/* OPEN/POT is a market quote beside the game, not a caption below it. */
html.gf-scale #gfPrimaryNav.top-nav-v258 .top-nav-stat{
  all:unset!important;
  grid-column:3!important;
  justify-self:end!important;
  align-self:center!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:14px auto!important;
  grid-template-rows:10px 19px!important;
  align-items:center!important;
  justify-items:start!important;
  column-gap:5px!important;
  row-gap:2px!important;
  min-width:64px!important;
  margin:0!important;
  color:#aa7dbf!important;
  font-variant-numeric:tabular-nums!important;
  pointer-events:none!important;
  opacity:.84!important;
  transform:none!important;
  transition:color .16s ease,opacity .16s ease!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v258 .top-nav-stat::before{
  content:none!important;
  display:none!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v258 .top-nav-stat small{
  all:unset!important;
  grid-column:1 / 3!important;
  grid-row:1!important;
  display:block!important;
  color:#736879!important;
  font:700 7.5px/10px "DM Mono",Consolas,monospace!important;
  letter-spacing:.09em!important;
  text-align:left!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v258 .top-nav-stat .g-coin{
  grid-column:1!important;
  grid-row:2!important;
  display:block!important;
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
  margin:0!important;
  opacity:.82!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v258 .top-nav-stat strong{
  all:unset!important;
  grid-column:2!important;
  grid-row:2!important;
  display:block!important;
  color:inherit!important;
  font:750 14px/19px Manrope,"Segoe UI",system-ui,sans-serif!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:-.032em!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v258 .top-nav-game>i{
  display:none!important;
}

/* A flush angular light plane replaces the generic selected box. */
html.gf-scale #gfPrimaryNav.top-nav-v258>button::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  inset:0 -2px!important;
  display:block!important;
  border:0!important;
  border-radius:0!important;
  background:
    linear-gradient(112deg,transparent 7%,rgba(106,65,123,.025) 28%,rgba(148,86,171,.11) 65%,rgba(102,61,119,.035) 84%,transparent 97%)!important;
  clip-path:polygon(7% 0,100% 0,93% 100%,0 100%)!important;
  box-shadow:none!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:none!important;
  transition:opacity .19s ease!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v258>button::after{
  content:""!important;
  position:absolute!important;
  right:auto!important;
  bottom:0!important;
  left:50%!important;
  display:block!important;
  width:48px!important;
  height:2px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,transparent 0%,#775087 18%,#b879cd 50%,#775087 82%,transparent 100%)!important;
  box-shadow:0 -4px 10px rgba(153,91,177,.14)!important;
  opacity:0!important;
  transform:translateX(-50%) scaleX(.42)!important;
  transform-origin:center!important;
  transition:opacity .16s ease,transform .21s cubic-bezier(.2,.75,.25,1)!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v258>button.top-nav-game::after{
  width:112px!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v258>button:hover:not(:disabled){
  color:#d7d2db!important;
  background:transparent!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v258>button:hover:not(:disabled)::before{
  opacity:.38!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v258>button.top-nav-game:hover .top-nav-mode-icon{
  color:#a36bb5!important;
  opacity:1!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v258>button.top-nav-game:hover .top-nav-stat{
  color:#c391d8!important;
  opacity:1!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v258>button.active,
html.gf-scale #gfPrimaryNav.top-nav-v258>button.active:hover{
  color:#faf8fb!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v258>button.active::before{
  opacity:1!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v258>button.active::after,
html.gf-scale #gfPrimaryNav.top-nav-v258>button:focus-visible::after{
  opacity:1!important;
  transform:translateX(-50%) scaleX(1)!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v258>button.active .top-nav-label{
  text-shadow:0 0 16px rgba(186,126,210,.13)!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v258>button.active .top-nav-mode-icon{
  color:#bd7bd1!important;
  filter:drop-shadow(0 0 7px rgba(183,109,207,.2))!important;
  opacity:1!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v258>button.active .top-nav-stat{
  color:#d09ce4!important;
  opacity:1!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v258>button.active .top-nav-stat small{
  color:#99829f!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v258>button:focus,
html.gf-scale #gfPrimaryNav.top-nav-v258>button:focus-visible{
  outline:0!important;
  box-shadow:none!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v258>button:disabled{
  color:#69646e!important;
  cursor:default!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v258 .top-nav-stat.is-updated strong{
  animation:gf-nav-quote-tick .4s ease!important;
}

@media(max-width:1450px){
  html.gf-scale #gfPrimaryNav.top-nav-v258{
    --gf-nav-height:66px;
    gap:2px!important;
  }

  html.gf-scale #gfPrimaryNav.top-nav-v258>button{
    padding-right:11px!important;
    padding-left:11px!important;
    font-size:14px!important;
  }

  html.gf-scale #gfPrimaryNav.top-nav-v258>button.top-nav-game{
    grid-template-columns:20px minmax(52px,1fr) max-content!important;
    column-gap:7px!important;
    width:168px!important;
    min-width:168px!important;
    padding-right:10px!important;
    padding-left:10px!important;
  }

  html.gf-scale #gfPrimaryNav.top-nav-v258 .top-nav-mode-icon,
  html.gf-scale #gfPrimaryNav.top-nav-v258 .top-nav-mode-icon svg{
    width:20px!important;
    height:20px!important;
  }

  html.gf-scale #gfPrimaryNav.top-nav-v258 .top-nav-label{
    font-size:14.5px!important;
  }

  html.gf-scale #gfPrimaryNav.top-nav-v258 .top-nav-stat{
    grid-template-columns:13px auto!important;
    min-width:58px!important;
    column-gap:4px!important;
  }

  html.gf-scale #gfPrimaryNav.top-nav-v258 .top-nav-stat .g-coin{
    width:13px!important;
    height:13px!important;
  }

  html.gf-scale #gfPrimaryNav.top-nav-v258 .top-nav-stat strong{
    font-size:12.5px!important;
  }

  html.gf-scale #gfPrimaryNav.top-nav-v258>button.top-nav-game::after{
    width:102px!important;
  }
}

@media(max-width:1080px){
  html.gf-scale #gfPrimaryNav.top-nav-v258{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }

  html.gf-scale #gfPrimaryNav.top-nav-v258::-webkit-scrollbar{
    display:none!important;
  }

  html.gf-scale #gfPrimaryNav.top-nav-v258>button{
    flex:0 0 auto!important;
  }
}

/* 2026-08-06 v259 — premium casino mode navigation. */
@keyframes gf-nav-pot-tick{
  45%{
    color:#f0dbfa;
    text-shadow:0 0 10px rgba(190,119,222,.34);
  }
}

html.gf-scale #gfPrimaryNav.top-nav-v259{
  --gf-nav-height:74px;
  display:inline-flex!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:3px!important;
  width:max-content!important;
  height:var(--gf-nav-height)!important;
  margin:0!important;
  padding:0 2px!important;
  overflow:visible!important;
  border:0!important;
  border-bottom:1px solid #211f26!important;
  background:transparent!important;
  isolation:isolate!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v259>button{
  all:unset!important;
  position:relative!important;
  box-sizing:border-box!important;
  isolation:isolate!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:var(--gf-nav-height)!important;
  margin:0!important;
  padding:0 17px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#8e8993!important;
  font:650 16px/1 Manrope,"Segoe UI",system-ui,sans-serif!important;
  letter-spacing:-.02em!important;
  text-align:center!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transition:color .16s ease!important;
}

/* Game modes get a real second line; utility tabs remain calm and centered. */
html.gf-scale #gfPrimaryNav.top-nav-v259>button.top-nav-game{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:21px 18px!important;
  place-items:center!important;
  align-content:center!important;
  row-gap:5px!important;
  width:154px!important;
  min-width:154px!important;
  padding:0 13px!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v259 .top-nav-label{
  all:unset!important;
  grid-row:1!important;
  grid-column:1!important;
  align-self:center!important;
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  color:inherit!important;
  font:780 17px/21px Manrope,"Segoe UI",system-ui,sans-serif!important;
  letter-spacing:-.027em!important;
  text-align:center!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  opacity:1!important;
  transform:none!important;
  transition:color .16s ease,text-shadow .16s ease!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v259 .top-nav-stat{
  all:unset!important;
  grid-row:2!important;
  grid-column:1!important;
  align-self:center!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  height:18px!important;
  margin:0!important;
  color:#a77abb!important;
  font-variant-numeric:tabular-nums!important;
  pointer-events:none!important;
  opacity:.86!important;
  transform:none!important;
  transition:color .16s ease,opacity .16s ease!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v259 .top-nav-stat::before{
  content:none!important;
  display:none!important;
}

/* Context stays available to assistive tech and the native tooltip. */
html.gf-scale #gfPrimaryNav.top-nav-v259 .top-nav-stat small{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
  border:0!important;
  white-space:nowrap!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v259 .top-nav-stat .g-coin{
  display:block!important;
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  margin:0!important;
  opacity:.86!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v259 .top-nav-stat strong{
  all:unset!important;
  display:block!important;
  color:inherit!important;
  font:760 14.5px/18px Manrope,"Segoe UI",system-ui,sans-serif!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:-.032em!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v259 .top-nav-game>i,
html.gf-scale #gfPrimaryNav.top-nav-v259 .top-nav-mode-icon{
  display:none!important;
}

/* Selected tabs have a flush light field, never a bordered card. */
html.gf-scale #gfPrimaryNav.top-nav-v259>button::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  inset:0 3px!important;
  display:block!important;
  border:0!important;
  border-radius:0!important;
  background:
    radial-gradient(ellipse 84% 64% at 50% 104%,rgba(163,96,188,.14) 0%,rgba(124,73,145,.055) 48%,transparent 78%),
    linear-gradient(180deg,rgba(124,75,143,.012),rgba(102,59,121,.07))!important;
  box-shadow:none!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .19s ease!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v259>button::after{
  content:""!important;
  position:absolute!important;
  right:auto!important;
  bottom:0!important;
  left:50%!important;
  display:block!important;
  width:48px!important;
  height:2px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,transparent 0%,#775086 18%,#b97bcd 50%,#775086 82%,transparent 100%)!important;
  box-shadow:0 -4px 10px rgba(155,91,177,.14)!important;
  opacity:0!important;
  transform:translateX(-50%) scaleX(.46)!important;
  transform-origin:center!important;
  transition:opacity .16s ease,transform .2s cubic-bezier(.2,.75,.25,1)!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v259>button.top-nav-game::after{
  width:92px!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v259>button:hover:not(:disabled){
  color:#d8d3dc!important;
  background:transparent!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v259>button:hover:not(:disabled)::before{
  opacity:.42!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v259>button.top-nav-game:hover .top-nav-stat{
  color:#c18ed5!important;
  opacity:1!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v259>button.active,
html.gf-scale #gfPrimaryNav.top-nav-v259>button.active:hover{
  color:#faf8fb!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v259>button.active::before{
  opacity:1!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v259>button.active::after,
html.gf-scale #gfPrimaryNav.top-nav-v259>button:focus-visible::after{
  opacity:1!important;
  transform:translateX(-50%) scaleX(1)!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v259>button.active .top-nav-label{
  text-shadow:0 0 17px rgba(183,124,207,.13)!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v259>button.active .top-nav-stat{
  color:#d19ae5!important;
  opacity:1!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v259>button:focus,
html.gf-scale #gfPrimaryNav.top-nav-v259>button:focus-visible{
  outline:0!important;
  box-shadow:none!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v259>button:disabled{
  color:#69646d!important;
  cursor:default!important;
}

html.gf-scale #gfPrimaryNav.top-nav-v259 .top-nav-stat.is-updated strong{
  animation:gf-nav-pot-tick .4s ease!important;
}

/* A little grouping room after the two live game modes, without a divider. */
html.gf-scale #gfPrimaryNav.top-nav-v259>button.top-nav-game+button:not(.top-nav-game){
  margin-left:6px!important;
}

@media(max-width:1450px){
  html.gf-scale #gfPrimaryNav.top-nav-v259{
    --gf-nav-height:68px;
    gap:2px!important;
  }

  html.gf-scale #gfPrimaryNav.top-nav-v259>button{
    padding-right:13px!important;
    padding-left:13px!important;
    font-size:14.5px!important;
  }

  html.gf-scale #gfPrimaryNav.top-nav-v259>button.top-nav-game{
    width:142px!important;
    min-width:142px!important;
    row-gap:4px!important;
    padding-right:10px!important;
    padding-left:10px!important;
  }

  html.gf-scale #gfPrimaryNav.top-nav-v259 .top-nav-label{
    font-size:15.5px!important;
  }

  html.gf-scale #gfPrimaryNav.top-nav-v259 .top-nav-stat{
    gap:5px!important;
  }

  html.gf-scale #gfPrimaryNav.top-nav-v259 .top-nav-stat .g-coin{
    width:14px!important;
    height:14px!important;
    flex-basis:14px!important;
  }

  html.gf-scale #gfPrimaryNav.top-nav-v259 .top-nav-stat strong{
    font-size:13.5px!important;
  }
}

@media(max-width:1050px){
  html.gf-scale #gfPrimaryNav.top-nav-v259{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }

  html.gf-scale #gfPrimaryNav.top-nav-v259::-webkit-scrollbar{
    display:none!important;
  }

  html.gf-scale #gfPrimaryNav.top-nav-v259>button{
    flex:0 0 auto!important;
  }
}

/* claude 2026-08-06: SETTINGS modal REBUILT to the user's v2 COMPACT design (fits w/o scroll; title in sidebar, sub-labels, iconless stats w/ dividers, inline email, discord+logout side-by-side). */
#settings .set-card{position:relative!important;width:min(820px,95vw)!important;height:756px!important;max-height:94vh!important;max-width:none!important;padding:0!important;border-radius:12px!important;overflow:hidden!important;background:#0b0b12!important;border:1px solid rgba(255,255,255,.085)!important}
#settings .set-body{display:grid!important;grid-template-columns:210px 1fr!important;gap:0!important;align-items:stretch!important;height:100%!important;min-height:0!important}

/* sidebar */
#settings .set-side{padding:18px 17px 24px!important;border-right:1px solid rgba(255,255,255,.045)!important;background:linear-gradient(180deg,#0c0c13,#090910)!important;display:flex!important;flex-direction:column!important}
#settings .set-brand{margin-bottom:18px!important}
#settings .set-eyebrow{color:#b985f5!important;font:800 10px/1 Inter,sans-serif!important;letter-spacing:.22em!important;margin:0 0 8px!important}
#settings .set-brand h1{margin:0!important;font:760 22px/1.05 Inter,sans-serif!important;letter-spacing:-.035em!important;color:#f5f3f8!important}
#settings .set-nav{display:flex!important;flex-direction:column!important;gap:7px!important;padding:0!important;border:0!important;background:none!important;overflow:visible!important}
#settings .set-nav-item{position:relative!important;width:100%!important;height:48px!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#8e8a99!important;display:flex!important;align-items:center!important;gap:11px!important;padding:0 12px!important;text-align:left!important;cursor:pointer!important;transition:background .16s,color .16s!important}
#settings .set-nav-item .nav-ic{width:16px!important;height:16px!important;flex:0 0 auto!important}
#settings .set-nav-item .copy{display:flex!important;flex-direction:column!important;gap:1px!important;min-width:0!important}
#settings .set-nav-item .copy strong{font:600 12px Inter,sans-serif!important;line-height:1.1!important}
#settings .set-nav-item .copy small{font-size:8px!important;color:#6f6b78!important;line-height:1.2!important}
#settings .set-nav-item .chev{margin-left:auto!important;width:13px!important;height:13px!important;color:#b56bf9!important;opacity:0!important;flex:0 0 auto!important}
#settings .set-nav-item:hover{color:#c9c4d2!important;background:rgba(255,255,255,.02)!important}
#settings .set-nav-item.active{color:#fff!important;background:linear-gradient(90deg,rgba(106,56,153,.20),rgba(52,33,69,.44))!important}
#settings .set-nav-item.active::before{content:""!important;position:absolute!important;left:0;top:8px;bottom:8px;width:2px!important;border-radius:99px!important;background:#ae63f8!important}
#settings .set-nav-item.active .copy small{color:#aaa5b3!important}
#settings .set-nav-item.active .chev{opacity:1!important}

/* main */
#settings .set-main{position:relative!important;padding:40px 22px 20px!important;overflow:hidden!important;min-height:0!important;display:flex!important;flex-direction:column!important}
#settings .close{position:absolute!important;top:11px!important;right:11px!important;width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:5px!important;background:#17171d!important;color:#cbc8d1!important;font-size:0!important;line-height:0!important;z-index:5!important}
#settings .close svg{width:13px!important;height:13px!important}
#settings .close:hover{background:#201f28!important}
#settings .set-content{display:block!important;width:100%!important;max-width:560px!important;margin:0 auto!important;padding:0!important;overflow-y:auto!important;min-height:0!important}
#settings .set-account-panel{display:block!important;width:100%!important;padding:0!important}

/* section head */
#settings .section-head{margin-bottom:14px!important}
#settings .section-head h2{margin:0 0 4px!important;font:760 22px Inter,sans-serif!important;letter-spacing:-.02em!important;color:#f5f3f8!important}
#settings .section-head p{margin:0!important;color:#9b97a7!important;font-size:12px!important}

/* card */
#settings .set-content .card{width:100%!important;max-width:none!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:8px!important;background:rgba(17,17,25,.78)!important;margin:0 0 10px!important}

/* profile */
#settings .profile-card{display:grid!important;grid-template-columns:64px 1fr auto!important;align-items:center!important;gap:14px!important;padding:15px 17px!important}
#settings .avatar-shell{width:60px!important;height:60px!important;border:1px solid rgba(var(--settings-rank-rgb,174,99,248),.55)!important;border-radius:50%!important;padding:3px!important;display:grid!important;place-items:center!important;box-shadow:none!important}
#settings .avatar-shell .avatar{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important;background:#0b0b10!important;display:block!important}
#settings .profile-info{min-width:0!important}
#settings .mini-label{color:#868190!important;font:800 8px Inter,sans-serif!important;letter-spacing:.12em!important;margin-bottom:2px!important}
#settings .username-row{display:flex!important;align-items:center!important;gap:6px!important;margin:0!important}
#settings .username-row h3{margin:0!important;font:700 17px Inter,sans-serif!important;letter-spacing:-.025em!important;color:#f5f3f8!important}
#settings .username-row .rank-icon{width:16px!important;height:16px!important;color:#ae63f8!important;flex:0 0 auto!important}
#settings .level-row{color:#aaa5b1!important;font-size:10px!important;margin:1px 0 9px!important}
#settings .progress-meta{display:flex!important;justify-content:space-between!important;gap:10px!important;color:#c8c4ce!important;font-size:8px!important;margin-bottom:5px!important}
#settings .progress-meta span{white-space:nowrap!important}
#settings .progress-meta span:last-child{color:#77727f!important}
#settings .progress-track{width:100%!important;height:3px!important;background:#282431!important;border-radius:999px!important;overflow:hidden!important}
#settings .progress-fill{height:100%!important;background:linear-gradient(90deg,rgba(var(--settings-rank-rgb,157,83,247),.74),rgb(var(--settings-rank-rgb,157,83,247)))!important;border-radius:inherit!important;box-shadow:0 0 8px rgba(var(--settings-rank-rgb,157,83,247),.42)!important}
#settings .profile-action{height:36px!important;padding:0 13px!important;border:1px solid rgba(var(--settings-rank-rgb,174,99,248),.48)!important;border-radius:5px!important;background:transparent!important;color:rgb(var(--settings-rank-rgb,211,207,217))!important;font:700 10px Inter,sans-serif!important;display:flex!important;align-items:center!important;gap:6px!important;cursor:pointer!important;white-space:nowrap!important;box-shadow:0 0 10px rgba(var(--settings-rank-rgb,157,83,247),.13)!important}
#settings .profile-action svg{width:13px!important;height:13px!important}
#settings .profile-action:hover{background:rgba(var(--settings-rank-rgb,174,99,248),.12)!important;box-shadow:0 0 14px rgba(var(--settings-rank-rgb,157,83,247),.32)!important}

/* stats */
#settings .stats-card{display:grid!important;grid-template-columns:repeat(4,1fr)!important;padding:14px 0!important}
#settings .stats-card .stat{position:relative!important;min-height:54px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:0 15px!important}
#settings .stats-card .stat:not(:last-child)::after{content:""!important;position:absolute!important;right:0;top:5px;bottom:5px;width:1px!important;background:rgba(255,255,255,.055)!important}
#settings .stat-label{color:#85808e!important;font-size:9px!important;margin-bottom:4px!important}
#settings .stat-value{font:760 16px Inter,sans-serif!important;letter-spacing:-.02em!important;color:#f5f3f8!important;display:flex!important;align-items:center!important;gap:4px!important}
#settings .stat-value .g-coin{width:13px!important;height:13px!important;flex:0 0 auto!important}

/* details */
#settings .details-card{overflow:hidden!important}
#settings .details-head{padding:12px 14px 11px!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
#settings .details-head .mini-label{margin-bottom:3px!important}
#settings .details-head h3{margin:0!important;font:600 13px Inter,sans-serif!important;color:#f5f3f8!important}
#settings .details-head p{margin:2px 0 0!important;font-size:9px!important;color:#9b97a7!important}
#settings .email-row{padding:13px 14px!important;display:flex!important;align-items:flex-start!important;gap:12px!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
#settings .email-copy{flex:1!important;min-width:0!important}
#settings .email-label{color:#a7a2af!important;font-size:9px!important;margin-bottom:5px!important}
#settings .email-input{width:100%!important;height:34px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:5px!important;background:#0d0d14!important;color:#f5f3f8!important;padding:0 10px!important;outline:none!important;font-size:11px!important}
#settings .email-input:focus{border-color:rgba(174,99,248,.5)!important}
#settings .email-note{color:#66626f!important;font-size:8px!important;margin-top:5px!important}
#settings .save-btn{align-self:flex-end!important;height:34px!important;min-width:92px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:5px!important;background:#18171f!important;color:#6e6976!important;font:700 10px Inter,sans-serif!important;cursor:pointer!important}
#settings .save-btn:not(:disabled){color:#f0edf4!important;border-color:rgba(174,99,248,.28)!important;background:rgba(174,99,248,.12)!important}
#settings .actions-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:11px 14px 14px!important}
#settings .action-btn{min-height:46px!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:6px!important;background:#111119!important;color:#d4d0d8!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0 11px!important;text-align:left!important;cursor:pointer!important}
#settings .action-btn>svg{width:16px!important;height:16px!important;color:#ae63f8!important;flex:0 0 auto!important}
#settings .action-copy{display:flex!important;flex-direction:column!important;gap:1px!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden!important}
#settings .action-copy strong{font:600 10px Inter,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#settings .action-copy small{color:#77727f!important;font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#settings .action-btn .right-chev{width:13px!important;height:13px!important;color:#77727f!important;flex:0 0 auto!important}
#settings .action-btn:hover{background:#15151d!important}
#settings .action-btn.danger{color:#ff697b!important;border-color:rgba(255,105,123,.14)!important}
#settings .action-btn.danger>svg,#settings .action-btn.danger .right-chev{color:#ff697b!important}
#settings .action-btn.danger:hover{background:rgba(255,105,123,.05)!important}

/* claude 2026-08-06: SECURITY / PROVABLY FAIR / SUPPORT panels rebuilt to the user's v2 compact designs (scoped under #settings). */
#settings .set-content input,#settings .set-content select,#settings .set-content textarea{width:100%!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:6px!important;background:#0d0d14!important;color:#efeaf3!important;outline:none!important;box-sizing:border-box!important;font-family:Inter,sans-serif!important}
#settings .set-content input,#settings .set-content select{height:39px!important;padding:0 11px!important;font-size:10px!important}
#settings .set-content textarea{min-height:104px!important;resize:vertical!important;padding:10px 12px 24px!important;font-size:10px!important;line-height:1.45!important}
#settings .set-content input::placeholder,#settings .set-content textarea::placeholder{color:#77727e!important}
#settings .set-content input:focus,#settings .set-content select:focus,#settings .set-content textarea:focus{border-color:rgba(174,99,248,.6)!important;box-shadow:0 0 0 1px rgba(174,99,248,.08)!important}
#settings .set-content select{font-weight:700!important}

/* shared section bits */
#settings .section-label{font:800 11px Inter,sans-serif!important;letter-spacing:.04em!important;text-transform:uppercase!important;margin:0 0 9px!important;color:#f4f2f7!important}
#settings .section-copy{margin:-1px 0 13px!important;color:#aca3b9!important;font-size:10px!important;letter-spacing:.06em!important}
#settings .field{margin-bottom:11px!important}
#settings .field label{display:block!important;margin-bottom:6px!important;color:#b1a8c0!important;font:600 9px Inter,sans-serif!important}
#settings .field .optional{color:#706b77!important;font-weight:500!important;margin-left:4px!important}
/* kill the base bare-section border/bg (the purple line above security sections); .card sections keep theirs via higher specificity */
#settings .set-content section{border:0!important;background:transparent!important;box-shadow:none!important}

/* SECURITY */
#settings .password-form{margin-bottom:18px!important}
#settings .input-wrap{position:relative!important}
#settings .input-wrap input{padding:0 40px 0 12px!important;height:40px!important}
#settings .eye-btn{position:absolute!important;top:50%!important;right:9px!important;transform:translateY(-50%)!important;width:26px!important;height:26px!important;display:grid!important;place-items:center!important;border:0!important;background:transparent!important;color:#888293!important;padding:0!important;cursor:pointer!important}
#settings .eye-btn svg{width:14px!important;height:14px!important}
#settings .update-btn{height:38px!important;min-width:136px!important;border:0!important;border-radius:5px!important;background:linear-gradient(135deg,#7450f3,#9f4ee8)!important;color:#fff!important;font:800 9px Inter,sans-serif!important;padding:0 16px!important;box-shadow:0 6px 20px rgba(128,67,214,.15)!important;cursor:pointer!important}
#settings .update-btn:hover{filter:brightness(1.05)!important}
#settings .options-title{font:800 11px Inter,sans-serif!important;letter-spacing:.02em!important;margin-bottom:9px!important;text-transform:uppercase!important;color:#f4f2f7!important}
#settings .security-row{min-height:58px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:11px 13px!important;border-bottom:1px solid rgba(255,255,255,.05)!important}
#settings .security-row:last-child{border-bottom:0!important}
#settings .row-icon{width:34px!important;height:34px!important;flex:0 0 auto!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(174,99,248,.12)!important;color:#ae63f8!important;border:1px solid rgba(174,99,248,.12)!important}
#settings .row-icon svg{width:16px!important;height:16px!important}
#settings .row-copy{flex:1!important;min-width:0!important}
#settings .row-title{font:700 10px Inter,sans-serif!important;margin-bottom:2px!important;color:#f4f2f7!important}
#settings .row-desc{font-size:8px!important;color:#9b97a7!important}
#settings .sec-toggle{width:35px!important;height:20px!important;border:0!important;border-radius:999px!important;background:#2a2835!important;padding:2px!important;display:flex!important;align-items:center!important;flex:0 0 auto!important;cursor:pointer!important;transition:background .18s!important}
#settings .sec-toggle .dot{width:16px!important;height:16px!important;border-radius:50%!important;background:#aaa6b2!important;transition:transform .18s,background .18s!important}
#settings .sec-toggle.on{background:linear-gradient(90deg,#7343d8,#9b50e8)!important}
#settings .sec-toggle.on .dot{transform:translateX(15px)!important;background:#fff!important}

/* PROVABLY FAIR */
#settings .section-title{margin:0 0 11px!important;font:800 11px Inter,sans-serif!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:#f4f2f7!important}
#settings .pf-intro{margin:0 0 20px!important;font-size:10px!important;line-height:1.65!important;color:#b0a8bd!important;letter-spacing:.06em!important}
#settings .how-title{margin:0 0 10px!important;font:800 11px Inter,sans-serif!important;text-transform:uppercase!important;color:#f4f2f7!important}
#settings .steps{display:flex!important;flex-direction:column!important;gap:10px!important}
#settings .step-card{border:1px solid rgba(255,255,255,.085)!important;border-radius:8px!important;background:rgba(18,18,26,.82)!important;min-height:84px!important;padding:13px 15px!important;display:flex!important;gap:12px!important;align-items:flex-start!important}
#settings .step-number{width:26px!important;height:26px!important;flex:0 0 26px!important;border-radius:6px!important;border:1px solid rgba(174,99,248,.25)!important;background:rgba(174,99,248,.12)!important;color:#d2b8ee!important;display:grid!important;place-items:center!important;font:800 11px Inter,sans-serif!important}
#settings .step-copy h3{margin:0 0 6px!important;font:600 12px Inter,sans-serif!important;letter-spacing:-.01em!important;color:#f4f2f7!important}
#settings .step-copy p{margin:0!important;color:#aaa3b5!important;font-size:9px!important;line-height:1.55!important}
#settings .verifier-btn{margin-top:15px!important;min-width:190px!important;height:38px!important;border:0!important;border-radius:4px!important;background:linear-gradient(135deg,#7450f3,#9c4fe8)!important;color:#fff!important;font:800 9px Inter,sans-serif!important;padding:0 16px!important;box-shadow:0 7px 20px rgba(126,67,213,.15)!important;cursor:pointer!important}
#settings .verifier-btn:hover{filter:brightness(1.05)!important}

/* SUPPORT & SAFETY */
#settings .top-line{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;margin-bottom:4px!important}
#settings .section-eyebrow{color:#b984f2!important;font:800 8px Inter,sans-serif!important;letter-spacing:.18em!important;text-transform:uppercase!important;margin-bottom:4px!important}
#settings .page-title{margin:0!important;font:700 20px Inter,sans-serif!important;letter-spacing:-.03em!important;line-height:1.05!important;color:#f4f2f7!important}
#settings .chat-rules{border:0!important;background:transparent!important;color:#d0a7ed!important;font:700 8px Inter,sans-serif!important;padding:9px 0 0!important;white-space:nowrap!important;cursor:pointer!important}
#settings .subtitle{margin:0 0 14px!important;color:#aaa4b0!important;font-size:10px!important;line-height:1.45!important}
#settings .divider{height:1px!important;background:rgba(255,255,255,.055)!important;margin-bottom:14px!important}
#settings .report-tabs{height:42px!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:7px!important;padding:4px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;margin-bottom:13px!important;background:rgba(17,17,25,.76)!important}
#settings .report-tab{border:1px solid transparent!important;border-radius:5px!important;background:transparent!important;color:#8d8796!important;font:800 9px Inter,sans-serif!important;cursor:pointer!important}
#settings .report-tab.active{color:#f3edf7!important;background:#2a1d3d!important;border-color:rgba(173,99,248,.24)!important}
#settings .grid-two{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
#settings .textarea-wrap{position:relative!important}
#settings .counter{position:absolute!important;right:9px!important;bottom:7px!important;color:#6f6a76!important;font-size:7px!important}
#settings .bottom-divider{height:1px!important;background:rgba(255,255,255,.055)!important;margin:9px 0 15px!important}
#settings .submit-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding-bottom:6px!important}
#settings .privacy-note{color:#77717e!important;font-size:7px!important;line-height:1.45!important;max-width:340px!important}
#settings .submit-btn{flex:0 0 auto!important;min-width:117px!important;height:39px!important;border:1px solid #6a3947!important;border-radius:5px!important;background:#42242d!important;color:#ffdce2!important;font:800 9px Inter,sans-serif!important;padding:0 14px!important;cursor:pointer!important}
#settings .submit-btn:hover{filter:brightness(1.08)!important}

/* claude 2026-08-06: line the PAST-game pot coin up with the active (open/matched) pots — its grid puts the pot ~18px left. Fixed-width scaled layout so the nudge is constant. */
@media(min-width:1681px){.past-games .past-game>b{transform:translateX(18px)!important}}
@media(min-width:901px) and (max-width:1680px){.past-games .past-game>b{transform:translateX(15px)!important}}

/* claude 2026-08-06: JOIN back on OPEN games, kept OUT of the grid (overflows into the empty space left of VIEW) so the pot columns don't shift / stay aligned. */
html.gf-scale #lobbyList>.lobby>.actions{overflow:visible!important}
html.gf-scale #lobbyList>.lobby:not([data-opponent-value])>.actions>.join{display:inline-flex!important;min-width:58px!important;white-space:nowrap!important;order:-1!important}
/* line the PAST-game VIEW up with the active-game VIEW (past grid sits it ~40px left) */
@media(min-width:1681px){.past-games .past-game>.past-view{transform:translateX(45px)!important}}
@media(min-width:901px) and (max-width:1680px){.past-games .past-game>.past-view{transform:translateX(38px)!important}}

/* claude 2026-08-08: settings — bigger readable text, tighter spacing, BOXED header on every tab, aligned save-email + Unverified/Verify flow. */
#settings .set-panel{display:block!important}
/* boxed header (all tabs) */
#settings .section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:15px 20px!important;margin:0 0 13px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:10px!important;background:linear-gradient(180deg,rgba(24,22,32,.7),rgba(16,15,22,.72))!important}
#settings .section-head>div{min-width:0!important}
#settings .section-head h2{margin:0 0 3px!important;font:760 24px Inter,sans-serif!important;letter-spacing:-.02em!important;color:#f5f3f8!important}
#settings .section-head p{margin:0!important;color:#a49eaf!important;font-size:13px!important;line-height:1.4!important}
#settings .section-head .chat-rules{padding:0!important;flex:0 0 auto!important;color:#c79cf0!important;font:700 12px Inter,sans-serif!important;white-space:nowrap!important;align-self:flex-start!important;margin-top:2px!important}
/* profile bigger */
#settings .mini-label{font-size:10px!important;letter-spacing:.1em!important}
#settings .username-row h3{font-size:20px!important}
#settings .username-row .rank-icon{width:18px!important;height:18px!important}
#settings .level-row{font-size:12px!important;margin:7px 0 10px!important}
#settings .progress-meta{font-size:10px!important;margin-bottom:6px!important}
#settings .profile-card{padding:16px 18px!important;gap:16px!important}
#settings .profile-action{height:38px!important;font-size:12px!important;gap:7px!important}
#settings .profile-action svg{width:15px!important;height:15px!important}
/* stats bigger */
#settings .stats-card{padding:16px 0!important}
#settings .stats-card .stat{padding:0 16px!important;min-height:56px!important}
#settings .stat-label{font-size:11px!important;margin-bottom:5px!important}
#settings .stat-value{font-size:20px!important}
#settings .stat-value .g-coin{width:15px!important;height:15px!important}
/* details / email bigger + save aligned to input */
#settings .details-head{padding:13px 16px 11px!important}
#settings .details-head h3{font-size:15px!important}
#settings .details-head p{font-size:11px!important}
#settings .details-head .mini-label{font-size:9px!important}
#settings .email-row{display:block!important;padding:14px 16px!important}
#settings .email-label{font-size:11px!important;margin-bottom:7px!important}
#settings .email-field{display:flex!important;align-items:stretch!important;gap:10px!important}
#settings .email-field .email-input{flex:1 1 auto!important;height:42px!important;font-size:13px!important;margin:0!important}
#settings .email-field .save-btn{flex:0 0 auto!important;align-self:auto!important;height:42px!important;min-width:108px!important;font-size:11px!important}
#settings .email-note{font-size:10px!important;margin-top:7px!important}
#settings .email-status{display:flex!important;align-items:center!important;gap:10px!important;margin-top:11px!important}
#settings .email-badge{display:inline-flex!important;align-items:center!important;gap:6px!important;font:700 11px Inter,sans-serif!important;padding:5px 11px!important;border-radius:999px!important}
#settings .email-badge svg{width:13px!important;height:13px!important}
#settings .email-badge.ok{color:#5ad19a!important;background:rgba(78,211,147,.1)!important;border:1px solid rgba(78,211,147,.24)!important}
#settings .email-badge.bad{color:#ffb454!important;background:rgba(255,180,84,.1)!important;border:1px solid rgba(255,180,84,.26)!important}
#settings .verify-btn{height:30px!important;padding:0 14px!important;border:1px solid rgba(174,99,248,.5)!important;border-radius:6px!important;background:rgba(174,99,248,.14)!important;color:#d7b6ff!important;font:700 11px Inter,sans-serif!important;cursor:pointer!important}
#settings .verify-btn:hover{background:rgba(174,99,248,.22)!important}
/* action buttons bigger */
#settings .actions-row{padding:12px 16px 16px!important;gap:12px!important}
#settings .action-btn{min-height:52px!important;gap:11px!important;padding:0 14px!important}
#settings .action-btn>svg{width:19px!important;height:19px!important}
#settings .action-copy strong{font-size:12px!important}
#settings .action-copy small{font-size:9px!important}
/* SECURITY bigger + tighter */
#settings .section-label{font-size:12px!important;margin-bottom:8px!important}
#settings .section-copy{font-size:11px!important;margin:0 0 13px!important}
#settings .field{margin-bottom:12px!important}
#settings .field label{font-size:11px!important;margin-bottom:7px!important}
#settings .input-wrap input{height:44px!important;font-size:12px!important}
#settings .eye-btn svg{width:16px!important;height:16px!important}
#settings .update-btn{height:42px!important;font-size:11px!important;min-width:150px!important;margin-top:2px!important}
#settings .options-title{font-size:12px!important;margin:16px 0 9px!important}
#settings .security-row{min-height:60px!important;padding:12px 14px!important}
#settings .row-icon{width:36px!important;height:36px!important}
#settings .row-icon svg{width:17px!important;height:17px!important}
#settings .row-title{font-size:12px!important}
#settings .row-desc{font-size:10px!important}
/* PROVABLY FAIR bigger */
#settings .how-title{font-size:12px!important;margin:2px 0 11px!important}
#settings .step-card{min-height:0!important;padding:14px 16px!important;gap:13px!important}
#settings .step-number{width:28px!important;height:28px!important;flex:0 0 28px!important;font-size:12px!important}
#settings .step-copy h3{font-size:14px!important;margin-bottom:5px!important}
#settings .step-copy p{font-size:11px!important;line-height:1.5!important}
#settings .verifier-btn{height:42px!important;font-size:11px!important;margin-top:13px!important}
/* SUPPORT bigger + tighter */
#settings .report-tabs{height:44px!important;margin-bottom:14px!important}
#settings .report-tab{font-size:11px!important}
#settings .grid-two{gap:14px!important}
#settings .set-content textarea{min-height:94px!important;font-size:12px!important}
#settings .set-content input,#settings .set-content select{font-size:12px!important}
#settings .counter{font-size:9px!important}
#settings .submit-btn{height:42px!important;font-size:11px!important;min-width:130px!important}
#settings .privacy-note{font-size:9px!important}

/* claude 2026-08-08 batch2: security full-width, join/view sizing, support header, toggles */
/* SECURITY (and any non-account panel) sections + fields fill the full content width */
#settings .set-panel>section{width:100%!important;max-width:none!important;box-sizing:border-box!important}
#settings .password-form,#settings .field,#settings .input-wrap,#settings .set-content input,#settings .set-content select,#settings .set-content textarea{width:100%!important;max-width:none!important}
/* JOIN centered + VIEW same size as JOIN */
html.gf-scale #lobbyList>.lobby>.actions>.view,
html.gf-scale #lobbyList>.lobby:not([data-opponent-value])>.actions>.join{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:66px!important;min-width:66px!important;padding:9px 0!important;text-align:center!important}
html.gf-scale .past-games .past-game>.past-view{width:66px!important;min-width:66px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:9px 0!important;text-align:center!important}
/* SUPPORT header: keep the subtitle clear of the close (x) + a hair smaller so it doesn't cut */
#settings .set-support>.section-head{padding-right:56px!important}
#settings .set-support>.section-head p{font-size:11.5px!important;line-height:1.4!important;font-family:Inter,sans-serif!important}
#settings .set-support>.section-head .chat-rules{margin-right:34px!important}
/* TOGGLES a touch bigger/cleaner */
#settings .sec-toggle{width:40px!important;height:22px!important;padding:2px!important}
#settings .sec-toggle .dot{width:18px!important;height:18px!important}
#settings .sec-toggle.on .dot{transform:translateX(18px)!important}
/* tidy small sublabel fonts (discord/logout, email head) */
#settings .action-copy small,#settings .details-head p,#settings .email-note{font-family:Inter,sans-serif!important;letter-spacing:.004em!important}

/* claude 2026-08-08 batch3: POT left-aligned so coin + first digit line up at a fixed x every row */
#lobbyList>.lobby>.pot{justify-self:stretch!important;justify-items:start!important;place-content:center start!important;text-align:left!important;padding-left:10px!important}
.past-games .past-game>b{transform:none!important;text-align:left!important;justify-self:start!important}
@media(min-width:1681px){.past-games .past-game>b{transform:translateX(9px)!important}}
@media(min-width:901px) and (max-width:1680px){.past-games .past-game>b{transform:translateX(8px)!important}}

/* claude 2026-08-08 batch4: expiry, pot spacing, balance color, security alignment */
/* past-game "Xm ago" — readable + centered under VIEW */
.past-games .past-game>.expiry{display:block!important;justify-self:center!important;text-align:center!important;color:#c9bfd8!important;font:700 11px Inter,sans-serif!important;letter-spacing:.02em!important;margin-top:6px!important}
/* POT a touch more left spacing */
#lobbyList>.lobby>.pot{padding-left:18px!important}
/* balance number = same color as the nav numbers */
.balance b{color:#a56bff!important}
/* SECURITY content aligns with the header box edges (like provably fair) */
#settings .set-panel:not(.set-account-panel)>section{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}
#settings .password-form,#settings .field,#settings .input-wrap,#settings .options-title,#settings .section-label,#settings .section-copy{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:100%!important;max-width:none!important}
#settings .set-content .card{margin-left:0!important;margin-right:0!important;width:100%!important}

/* claude 2026-08-08 batch5: account-menu balance shows the real coin token + profile card breathing room */
#accountMenu .am-bal b{display:inline-flex!important;align-items:center!important;gap:7px!important;color:#a56bff!important}
#accountMenu .am-bal b .g-coin{width:15px!important;height:15px!important;flex:0 0 auto!important}
#settings .profile-card{padding:18px 24px!important;gap:18px!important}

/* claude 2026-08-09: chat-rules into the header corner + timestamp centered under VIEW */
#settings .set-support>.section-head{position:relative!important}
#settings .set-support>.section-head>div{padding-right:86px!important}
#settings .set-support>.section-head .chat-rules{position:absolute!important;top:15px!important;right:20px!important;margin:0!important}
@media(min-width:1681px){.past-games .past-game>.expiry{transform:translateX(45px)!important}}
@media(min-width:901px) and (max-width:1680px){.past-games .past-game>.expiry{transform:translateX(38px)!important}}

/* claude 2026-08-09: account-menu balance bigger/glowing + log-out confirm modal */
#accountMenu .am-bal small{font-size:11px!important;color:#a99ec2!important}
#accountMenu .am-bal b{font-size:18px!important;color:#a56bff!important;text-shadow:0 0 15px rgba(165,107,255,.6)!important;gap:8px!important}
#accountMenu .am-bal b .g-coin{width:20px!important;height:20px!important}
#logoutConfirm.modal{z-index:12000!important}
#logoutConfirm .lc-card{position:relative!important;width:min(400px,92vw)!important;max-width:none!important;padding:30px 28px 24px!important;border-radius:14px!important;background:linear-gradient(180deg,#151019,#0d0a12)!important;border:1px solid rgba(255,255,255,.09)!important;text-align:center!important;box-shadow:0 30px 90px rgba(0,0,0,.6)!important}
#logoutConfirm .lc-icon{width:54px!important;height:54px!important;margin:0 auto 16px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:rgba(255,105,123,.12)!important;border:1px solid rgba(255,105,123,.26)!important;color:#ff697b!important}
#logoutConfirm .lc-icon svg{width:25px!important;height:25px!important}
#logoutConfirm .lc-card h2{margin:0 0 10px!important;font:700 26px/1.05 "Space Grotesk",sans-serif!important;color:#f6f4fa!important;letter-spacing:-.035em!important}
#logoutConfirm .lc-card p{margin:0 0 22px!important;font:500 13px/1.6 Manrope,sans-serif!important;color:#aaa2b6!important;padding:0 8px!important}
#logoutConfirm .lc-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:11px!important}
#logoutConfirm .lc-actions button{height:47px!important;border-radius:10px!important;font:700 13.5px "Space Grotesk",sans-serif!important;letter-spacing:-.01em!important;cursor:pointer!important}
#logoutConfirm .lc-cancel{border:1px solid rgba(255,255,255,.13)!important;background:rgba(255,255,255,.03)!important;color:#d5d2dd!important}
#logoutConfirm .lc-cancel:hover{background:rgba(255,255,255,.07)!important}
#logoutConfirm .lc-confirm{border:1px solid #6a3947!important;background:linear-gradient(180deg,#5c2531,#42232c)!important;color:#ffdce2!important}
#logoutConfirm .lc-confirm:hover{filter:brightness(1.14)!important}

/* claude 2026-08-09: chat rules list + 18+/legal notice */
#settings .rules-list{display:flex!important;flex-direction:column!important;gap:9px!important;margin-bottom:15px!important}
#settings .rule-item{display:flex!important;gap:13px!important;align-items:flex-start!important;padding:12px 14px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:9px!important;background:rgba(18,18,26,.6)!important}
#settings .rule-item>b{flex:0 0 auto!important;font:800 12px "Space Grotesk",sans-serif!important;color:#b985f5!important;min-width:19px!important}
#settings .rule-copy{min-width:0!important}
#settings .rule-copy strong{display:block!important;font:600 12.5px Inter,sans-serif!important;color:#f2eff6!important;margin-bottom:3px!important}
#settings .rule-copy small{display:block!important;font-size:11px!important;line-height:1.5!important;color:#9a93a8!important}
#settings .rules-legal{position:relative!important;padding:18px 20px 16px!important;border:1px solid rgba(174,99,248,.24)!important;border-radius:12px!important;background:rgba(174,99,248,.055)!important}
#settings .rules-legal .legal-head{display:flex!important;align-items:center!important;gap:11px!important;margin-bottom:13px!important;padding-bottom:12px!important;border-bottom:1px solid rgba(174,99,248,.16)!important}
#settings .rules-legal .legal-head b{font:700 14px "Space Grotesk",sans-serif!important;color:#f3eff8!important;letter-spacing:-.01em!important}
#settings .rules-legal .legal-badge{display:inline-block!important;flex:0 0 auto!important;font:800 12px "Space Grotesk",sans-serif!important;color:#fff!important;background:linear-gradient(135deg,#7d43bb,#ae63f8)!important;padding:4px 11px!important;border-radius:6px!important;margin:0!important;letter-spacing:.05em!important}
#settings .rules-legal p{margin:0 0 11px!important;font:400 12px/1.62 Inter,sans-serif!important;color:#b6afc4!important}
#settings .rules-legal p:last-child{margin-bottom:0!important}
#settings .rules-legal p b{color:#efe9f6!important;font-weight:700!important}

/* claude 2026-08-09: provably-fair polish — better number badges + readable copy */
#settings .step-card{padding:15px 17px!important;gap:15px!important}
#settings .step-number{width:32px!important;height:32px!important;flex:0 0 32px!important;border:0!important;border-radius:9px!important;background:linear-gradient(135deg,#8e49e8,#b266ff)!important;color:#fff!important;font:800 14px "Space Grotesk",sans-serif!important;box-shadow:0 5px 14px rgba(142,73,232,.3)!important}
#settings .step-copy h3{font:700 15px Inter,sans-serif!important;color:#f4f1f8!important;margin-bottom:5px!important;letter-spacing:-.01em!important}
#settings .step-copy p{font:400 12px/1.55 Inter,sans-serif!important;color:#b0a9bd!important}
#settings .how-title{font:800 11px Inter,sans-serif!important;letter-spacing:.06em!important;color:#9a93a8!important;margin:4px 0 11px!important}
#settings .step-number svg{width:17px!important;height:17px!important}

/* claude 2026-08-09: site footer (shows on Coinflip + Jackpot, hidden on the others) */
/* no mock-profile / demo flash before auth resolves (this file is in <head>, so it applies on first paint) */
body:not(.gf-authed):not(.gf-guest) .account{display:none!important}
body:not(.gf-authed):not(.gf-guest) .balance b{visibility:hidden!important}
body.on-inventory .gf-footer,body.on-affiliates .gf-footer,body.on-race .gf-footer{display:none}
/* inventory login gate (logged out) — dead-centered in the panel, no scroll */
body.on-inventory #inventoryPage{display:flex!important;flex-direction:column!important;overflow:hidden!important}
#inventoryPage .inv-grid{flex:1 1 auto!important;min-height:0!important}
#inventoryPage .inv-grid.gf-gated{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;grid-template-columns:none!important;padding:0!important}
#inventoryPage .gf-inv-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;gap:13px;max-width:460px}
#inventoryPage .gf-inv-gate svg{width:54px;height:54px;color:#a56bff;margin-bottom:6px}
#inventoryPage .gf-inv-gate h3{font:800 28px 'Space Grotesk',sans-serif;color:#f1e7fa;margin:0;line-height:1.2}
#inventoryPage .gf-inv-gate p{font:500 14.5px 'Manrope',sans-serif;color:#9c8fb0;margin:0 0 12px}
.gf-gate-btn{padding:13px 28px;border:0;border-radius:9px;background:linear-gradient(135deg,#a56bff,#b98cff);color:#1a1022;font:700 15px 'Space Grotesk',sans-serif;cursor:pointer}
.gf-gate-btn:hover{filter:brightness(1.05)}
/* "you must be signed in" popup */
.gf-lp{position:fixed;inset:0;z-index:13500;display:none;place-items:center;padding:16px;background:rgba(6,4,12,.72);backdrop-filter:blur(4px)}
.gf-lp.show{display:grid}
.gf-lp-card{width:min(380px,92vw);background:#15101f;border:1px solid rgba(165,107,255,.22);border-radius:14px;padding:26px 24px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.55)}
.gf-lp-ic{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:12px;background:rgba(165,107,255,.1);border:1px solid rgba(165,107,255,.28);margin-bottom:12px}
.gf-lp-ic svg{width:22px;height:22px;color:#a56bff}
.gf-lp-card h3{font:800 20px 'Space Grotesk',sans-serif;color:#f3e9fb;margin:0 0 6px}
.gf-lp-card p{font:500 13.5px 'Manrope',sans-serif;color:#a99cbd;margin:0 0 18px}
.gf-lp-row{display:flex;gap:10px}
.gf-lp-cancel{flex:1;padding:11px;border:1px solid rgba(165,107,255,.2);border-radius:9px;background:none;color:#c9bcdd;font:600 13px 'Manrope',sans-serif;cursor:pointer}
.gf-lp-go{flex:1;padding:11px;border:0;border-radius:9px;background:linear-gradient(135deg,#a56bff,#b98cff);color:#1a1022;font:700 14px 'Space Grotesk',sans-serif;cursor:pointer}
/* footer flows at the very bottom of the coinflip list scroll (after past games);
   kill the bottom fade mask so it isn't ghosted */
.game-list>.gl-scroll,.game-list,.columns .cf-main{-webkit-mask-image:none!important;mask-image:none!important}
footer.gf-footer{margin-top:18px!important}
footer.gf-footer{height:auto;display:block;background:transparent;border-top:1px solid rgba(165,107,255,.1);color:#8f88a0;font-family:'Manrope',system-ui,sans-serif;padding:0;margin-top:14px;overflow:visible;white-space:normal}
/* locked chat (logged out) */
.chat form.gf-chat-locked{opacity:.72}
.chat form.gf-chat-locked button,.chat #chatInput:disabled{cursor:not-allowed}
/* verified badge in chat */
.gf-chat-vf{display:inline-flex;width:14px;height:14px;vertical-align:middle;margin-left:5px;align-items:center;justify-content:center;border-radius:50%;background:#0d84ff;box-shadow:0 0 0 1.5px rgba(13,132,255,.22)}
.gf-chat-vf svg{width:8px;height:8px}
.gf-footer .gff-inner{display:flex;gap:44px;flex-wrap:wrap;padding:30px 34px 22px;max-width:1520px}
.gf-footer .gff-brand{max-width:300px;min-width:210px}
.gf-footer .gff-logo{width:34px;height:34px;border-radius:8px;overflow:hidden;background:rgba(165,107,255,.1);margin-bottom:10px}
.gf-footer .gff-logo img{width:100%;height:100%;object-fit:cover}
.gf-footer .gff-name{font:700 17px 'Space Grotesk',sans-serif;color:#f1e7fa;letter-spacing:-.3px}
.gf-footer .gff-name span{color:#a56bff}
.gf-footer .gff-desc{font-size:12.5px;line-height:1.6;color:#8f88a0;margin:8px 0 12px}
.gf-footer .gff-copy{font-size:11px;color:#5f586e;margin:0}
.gf-footer .gff-cols{display:flex;gap:48px;flex-wrap:wrap}
.gf-footer .gff-col{display:flex;flex-direction:column;gap:9px}
.gf-footer .gff-col h5{margin:0 0 4px;font:600 10px 'DM Mono',monospace;letter-spacing:1.5px;text-transform:uppercase;color:#a56bff}
.gf-footer .gff-col a{font-size:12.5px;color:#a99cbd;text-decoration:none;cursor:pointer;transition:color .15s}
.gf-footer .gff-col a:hover{color:#f1e7fa}
.gf-footer .gff-legal{display:flex;align-items:flex-start;gap:11px;padding:15px 34px;border-top:1px solid rgba(165,107,255,.08);font-size:11px;line-height:1.6;color:#6f6880;max-width:1520px}
.gf-footer .gff-legal b{color:#9c8fb0}
.gf-footer .gff-badge{flex:none;display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;border-radius:5px;background:rgba(165,107,255,.12);border:1px solid rgba(165,107,255,.3);color:#a56bff;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.5px}
@media(max-width:820px){.gf-footer .gff-inner{gap:24px;padding:24px 20px 16px}.gf-footer .gff-legal{padding:14px 20px}}

/* +/- quantity stepper on catalog items (coinflip create) */
.catalog-item{position:relative}
.catalog-item .cat-step{position:absolute;left:7px;right:7px;bottom:7px;display:flex;align-items:center;justify-content:space-between;gap:6px;background:rgba(11,8,17,.97);border:1px solid rgba(165,107,255,.5);border-radius:9px;padding:4px 5px;z-index:3;box-shadow:0 4px 14px rgba(0,0,0,.5)}
.catalog-item .cat-step button,.catalog-item .cat-step .cat-step-b{flex:none;width:26px;height:26px;border:0;border-radius:7px;background:rgba(165,107,255,.18);color:#d9c2ff;font:800 17px/1 'Space Grotesk',sans-serif;cursor:pointer;display:grid;place-items:center;padding:0;user-select:none}
.catalog-item .cat-step button:hover,.catalog-item .cat-step .cat-step-b:hover{background:rgba(165,107,255,.36);color:#fff}
.catalog-item .cat-step .cat-step-q{flex:1;text-align:center;color:#f6efff;font:800 14px 'Space Grotesk',sans-serif}

/* win rate: match the other performance stats' purple (beats the (2,1,0) near-white rule via equal specificity + later source order) */
#profile .profile-performance #profileWinrate{color:#c693ff!important}

/* drag-to-adjust quantity affordance on catalog items (coinflip + jackpot) */
.catalog-item{touch-action:pan-y}
.catalog-item .cat-step-hint{font:800 8px/1 'DM Mono',monospace;color:#a89cb8;letter-spacing:.12em;opacity:.7}
.catalog-item .cat-dragfx{position:absolute;inset:0;display:grid;place-items:center;z-index:5;pointer-events:none;font:800 46px/1 'Space Grotesk',sans-serif;text-shadow:0 2px 12px rgba(0,0,0,.85);opacity:0;transition:opacity .1s}
.catalog-item .cat-dragfx[data-dir="up"]{color:#57e08a;opacity:1}
.catalog-item .cat-dragfx[data-dir="down"]{color:#ff6b6b;opacity:1}

/* === item cards (BUILD 64): whole-side +/- fill, small token / big number === */
#creator .catalog-item>strong,#jpJoinModal .catalog-item>strong{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:5px!important;margin:0 0 5px!important;color:#e7cdff!important;
  font:800 16px/1 "Space Grotesk",sans-serif!important;min-height:18px!important;
  -webkit-font-smoothing:antialiased!important;text-rendering:optimizeLegibility!important;
}
#creator .catalog-item>strong .g-coin,#jpJoinModal .catalog-item>strong .g-coin{width:15px!important;height:15px!important;flex:0 0 15px!important;margin:0!important;position:relative!important;top:0!important;vertical-align:middle!important}
#creator .catalog-item>strong .catalog-value{display:inline-block!important;line-height:1!important;font:800 16px/1 "Space Grotesk",sans-serif!important;letter-spacing:-.01em!important;position:relative!important;top:0!important;-webkit-font-smoothing:antialiased!important;text-rendering:optimizeLegibility!important}
/* kill the old +/- stepper bar */
.catalog-item .cat-step{display:none!important}
/* +/- fills the half, GRADIENT shaded from the CENTRE outward, symbol pushed to its SIDE (BUILD 69) */
/* full-height hover halves on a fresh class (ID specificity + explicit height:100%) */
#creator .catalog-item,#jpJoinModal .catalog-item{position:relative!important}
#creator .catalog-item .cf-half,#jpJoinModal .catalog-item .cf-half{position:absolute!important;top:0!important;bottom:0!important;height:100%!important;width:50%!important;display:flex!important;align-items:center!important;font:600 40px/1 "Space Grotesk",sans-serif!important;opacity:0!important;transition:opacity .14s ease!important;z-index:5!important;cursor:pointer!important;text-shadow:0 1px 10px rgba(0,0,0,.5)!important}
#creator .catalog-item .cf-half.l,#jpJoinModal .catalog-item .cf-half.l{left:0!important;right:auto!important;justify-content:flex-start!important;padding-left:15px!important;color:#ffe0e0!important;background:linear-gradient(to left,rgba(244,63,63,0) 6%,rgba(244,63,63,.14) 44%,rgba(255,72,72,.5) 100%)!important}
#creator .catalog-item .cf-half.r,#jpJoinModal .catalog-item .cf-half.r{right:0!important;left:auto!important;justify-content:flex-end!important;padding-right:15px!important;color:#dcffe9!important;background:linear-gradient(to right,rgba(52,211,153,0) 6%,rgba(52,211,153,.14) 44%,rgba(48,222,132,.5) 100%)!important}
#creator .catalog-item .cf-half:hover,#jpJoinModal .catalog-item .cf-half:hover{opacity:1!important}
html.gf-scale #creator .catalog-item>strong,html.gf-scale #creator .catalog-item>strong .catalog-value{font-size:16px!important}
/* crisper card text (kills the soft/blurry look) + smaller, lower coin+value */
#creator .catalog-item b,#jpJoinModal .catalog-item b,#creator .catalog-item small,#jpJoinModal .catalog-item small{-webkit-font-smoothing:antialiased!important;text-rendering:optimizeLegibility!important}
/* render the token crisp instead of the zoomed/blurry 167% crop */
#creator .catalog-item>strong .g-coin,#jpJoinModal .catalog-item>strong .g-coin{background-size:150% !important;image-rendering:-webkit-optimize-contrast!important}

/* ===== RANK CRESTS: art is trimmed to fill the frame, so size it up on every surface ===== */
/* profile modal — crest right beside the name */
#profile .profile-card #profileRank{width:34px!important;height:34px!important;min-width:34px!important;flex:0 0 34px!important;flex-basis:34px!important}
#profile .profile-name-line{gap:10px!important}
/* settings account panel */
#settings .username-row .rank-icon{width:22px!important;height:22px!important}
#settings .username-row{gap:8px!important}
/* account dropdown menu */
.account-menu .am-crest{width:22px!important;height:22px!important}
/* header chip — crest sits right next to the username */
html .account>span{align-items:center!important}
html .account .account-rank{grid-column:2!important;grid-row:1!important;align-self:center!important;width:auto!important;margin-left:4px!important}
html .account .account-rank,html .account .account-rank .account-rank-icon{width:16px!important;height:16px!important}
html.gf-scale .account .account-rank,html.gf-scale .account .account-rank .account-rank-icon{width:17px!important;height:17px!important}
/* coinflip lobby row: current user's rank crest next to their name */
.lobby .gfl-name .gfl-rank,.lobby .live-match-player span .gfl-rank,#pastGames .live-match-player span .gfl-rank,#gfLobby .live-match-player span .gfl-rank{width:18px!important;height:18px!important;min-width:0!important;max-width:18px!important;object-fit:contain!important;flex:0 0 auto!important;background:none!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;padding:0!important}
#gfLobby .lobby .live-match-player span{display:inline-flex!important;align-items:center!important;gap:6px!important;min-width:0!important}
/* ===== WAGER RACE: item prizes on the podium (real items, not coin amounts) ===== */
.race-pod-prize.race-pod-item{background:none!important;border:0!important;padding:0!important;margin-top:8px!important}
.race-pod-item{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important}
.race-prize-item{width:52px!important;height:52px!important;object-fit:contain!important;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}
.race-pod-1 .race-prize-item{width:60px!important;height:60px!important}
.race-pod-item em{font-style:normal!important;font-size:11px!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#d8c7eb!important}
.race-prizes img{width:40px!important;height:40px!important;object-fit:contain!important}
/* ===== Provably-fair tab: icon-free, informational, clean ===== */
.set-fair-panel .fair-hero{display:flex;gap:10px;margin:4px 0 24px;flex-wrap:wrap}
.set-fair-panel .fair-hero-stat{flex:1;min-width:118px;background:linear-gradient(162deg,rgba(124,77,214,.11),rgba(124,77,214,.03));border:1px solid rgba(150,110,220,.2);border-radius:13px;padding:15px 17px}
.set-fair-panel .fair-hero-stat b{display:block;font:800 21px/1 "Space Grotesk","Segoe UI",sans-serif;color:#ece3ff;letter-spacing:-.01em}
.set-fair-panel .fair-hero-stat span{display:block;margin-top:6px;font:600 10.5px/1.35 Manrope,sans-serif;color:#9a8fac;text-transform:uppercase;letter-spacing:.07em}
.set-fair-panel .fair-h{margin:8px 0 6px;font:800 13.5px Inter,sans-serif;color:#d9cef0;letter-spacing:.02em;text-transform:uppercase}
.set-fair-panel .fair-steps{list-style:none;margin:0;padding:0}
.set-fair-panel .fair-steps li{display:flex;gap:14px;align-items:flex-start;padding:16px 2px;border-bottom:1px solid rgba(255,255,255,.055)}
.set-fair-panel .fair-steps li:last-child{border-bottom:0}
.set-fair-panel .fair-n{flex:none;width:27px;height:27px;border-radius:8px;display:flex;align-items:center;justify-content:center;font:800 13px "Space Grotesk",sans-serif;color:#c7a2ff;background:rgba(124,77,214,.13);border:1px solid rgba(150,110,220,.26);margin-top:1px}
.set-fair-panel .fair-steps li>div b{display:block;font:700 15px Inter,sans-serif;color:#f4effc;margin-bottom:4px}
.set-fair-panel .fair-steps li>div p{margin:0;font:500 13px/1.6 Manrope,sans-serif;color:#a096b2}
.set-fair-panel .fair-steps code{font:600 12px "DM Mono",monospace;color:#d7c4ff;background:rgba(124,77,214,.12);border:1px solid rgba(150,110,220,.22);border-radius:5px;padding:1px 6px;white-space:nowrap}
.set-fair-panel .fair-note{margin:20px 0 22px;padding:13px 16px;border-radius:11px;background:rgba(255,255,255,.032);border:1px solid rgba(255,255,255,.07);font:600 12.5px/1.5 Manrope,sans-serif;color:#b1a6c4}
/* ===== My Flips — real flip-detail GUI (matchup + verify, no fake items) ===== */
#flipDetail .fd-matchup{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px;margin:18px 0}
#flipDetail .fd-mplayer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:20px 14px;border-radius:15px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
#flipDetail .fd-mplayer.winner{background:linear-gradient(162deg,rgba(127,230,160,.11),rgba(127,230,160,.03));border-color:rgba(127,230,160,.32)}
#flipDetail .fd-mplayer>img{width:64px;height:64px;border-radius:50%;object-fit:cover;background:#181622;border:2px solid rgba(255,255,255,.1)}
#flipDetail .fd-mplayer.winner>img{border-color:rgba(127,230,160,.5)}
#flipDetail .fd-mplayer>b{font:700 15px Inter,sans-serif;color:#f2edfb;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#flipDetail .fd-crown{display:inline-flex;align-items:center;gap:4px;font:800 10px "DM Mono",monospace;letter-spacing:.08em;color:#8fe6c6}
#flipDetail .fd-crown svg{width:13px;height:13px}
#flipDetail .fd-vs{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font:800 11px "DM Mono",monospace;color:#9d92ac;letter-spacing:.12em}
#flipDetail .fd-vs img{width:42px;height:42px;object-fit:contain}
#flipDetail .fd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:2px 0 18px}
#flipDetail .fd-stats>div{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:13px 12px;text-align:center}
#flipDetail .fd-stats small{display:block;font:700 9.5px "DM Mono",monospace;letter-spacing:.1em;color:#8f86a3;margin-bottom:6px}
#flipDetail .fd-stats b{font:800 17px "Space Grotesk",sans-serif;color:#ece3ff;display:inline-flex;align-items:center;gap:4px}
#flipDetail .fd-stats b.fd-win{color:#7fe6a0}
#flipDetail .fd-stats b.fd-loss{color:#ff8095}
/* rank crest inside the flip-detail card, next to the player name */
#flipDetail .fd-shead .fd-rank{width:16px!important;height:16px!important;object-fit:contain!important;vertical-align:-3px!important;margin-left:4px!important;display:inline-block!important;background:none!important;border:0!important;border-radius:0!important}
/* flip-detail item qty: corner badge on the item image (not a pill next to the name) */
#flipDetail .fd-ithumb{position:relative!important;display:inline-flex!important;flex:none!important;line-height:0!important}
#flipDetail .fd-item .fd-ithumb img{width:42px!important;height:42px!important;object-fit:contain!important;border-radius:3px!important;flex:none!important}
#flipDetail .fd-item .fd-qty{position:absolute!important;top:-6px!important;right:-6px!important;left:auto!important;margin:0!important;padding:0!important;font:800 12px/1 "DM Mono",monospace!important;color:#ffffff!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 3px rgba(0,0,0,.85)!important;z-index:2!important;letter-spacing:0!important}
/* ===== Leaderboard toggles — one consistent segmented control, clearer active state ===== */
.lb-card .lb-period,.lb-card .lb-tabs{display:flex!important;gap:4px!important;padding:4px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:12px!important}
.lb-card .lb-period{margin:18px 0 9px!important}
.lb-card .lb-tabs{margin:0 0 16px!important}
.lb-card .lb-per,.lb-card .lb-tab{flex:1!important;padding:10px 6px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#9a8fac!important;font:800 11px/1 "DM Mono",monospace!important;letter-spacing:.05em!important;cursor:pointer!important;transition:color .15s,background .15s,box-shadow .15s!important;white-space:nowrap!important}
.lb-card .lb-per:hover,.lb-card .lb-tab:hover{color:#d6cbee!important;background:rgba(255,255,255,.045)!important}
.lb-card .lb-per.active,.lb-card .lb-tab.active{color:#fff!important;background:linear-gradient(180deg,#7d5cf0,#673fd6)!important;box-shadow:0 3px 10px rgba(110,79,240,.42),inset 0 1px rgba(255,255,255,.18)!important}
/* global rank crest in My Flips list + flip-detail card (the .gfl-rank sizing was scoped to game rows only) */
#myFlips .mf-title .gfl-rank,#flipDetail .fd-shead .gfl-rank{width:16px!important;height:16px!important;min-width:16px!important;object-fit:contain!important;vertical-align:-3px!important;margin:0 0 0 5px!important;display:inline-block!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;flex:none!important}
/* footer: logo + wordmark as one horizontal lockup, top-aligned with the Play/Site/Legal columns */
.gf-footer .gff-inner{align-items:flex-start!important}
.gf-footer .gff-top{display:flex!important;align-items:center!important;gap:11px!important;margin-bottom:12px!important}
.gf-footer .gff-top .gff-logo{margin-bottom:0!important}
.gf-footer .gff-cols{padding-top:2px!important}
/* squarer profile view — tighter corners on the card + stat boxes */
#profile .profile-card{border-radius:8px!important}
#profile .profile-career-strip{border-radius:6px 6px 0 0!important}
#profile .profile-performance{border-radius:0 0 6px 6px!important}
#profile .profile-card #tipPlayer{border-radius:6px!important}
#profile .profile-xp-track,#profile .profile-xp-track i{border-radius:3px!important}
/* ===== Discord-style ANIMATED gradient names (ranked) + white (unranked) ===== */
.gf-rank-nolimit,.gf-rank-deeppockets,.gf-rank-bigmoney{-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;text-shadow:none!important;background-size:200% auto!important;animation:gfRankShift 3.5s linear infinite!important}
.gf-rank-nolimit{background-image:linear-gradient(90deg,#58C7FF,#C9F3FF,#58C7FF)!important}
.gf-rank-deeppockets{background-image:linear-gradient(90deg,#7C3AED,#D8B4FE,#7C3AED)!important}
.gf-rank-bigmoney{background-image:linear-gradient(90deg,#FF4D6D,#FF9B6B,#FF4D6D)!important}
.gf-rank-none{color:#fff!important;-webkit-text-fill-color:#fff!important}
@keyframes gfRankShift{to{background-position:-200% center}}
/* hover: name + pfp glow on clickable players */
.lb-pl:hover .lb-name,.gfl-clickprofile:hover .gfl-name>b,.live-match-player:hover>span>b,.matchup-player:hover>span>b,.replay-profile-hit:hover b{text-shadow:0 0 12px rgba(var(--rank-glow,185,150,255),.85)!important;transition:text-shadow .15s}
.lb-pl:hover .pg-av,.gfl-clickprofile:hover .pav,.gfl-clickprofile:hover>img,.live-match-player:hover>img,.live-match-player:hover>.pav,.matchup-player:hover>img,.replay-profile-hit:hover img{box-shadow:0 0 0 2px rgba(var(--rank-glow,170,130,255),.9),0 0 18px rgba(var(--rank-glow,170,130,255),.65)!important;transition:box-shadow .15s}
/* rank glow color (RGB) exposed as a var for name/pfp hover glows */
.gf-rank-nolimit,.gf-ring-nolimit{--rank-glow:157,83,247}
.gf-rank-deeppockets,.gf-ring-deeppockets{--rank-glow:157,83,247}
.gf-rank-bigmoney,.gf-ring-bigmoney{--rank-glow:157,83,247}
.gf-rank-none,.gf-ring-none{--rank-glow:157,83,247}
/* TIP button + XP bar take the viewed player's rank colour (var --rank-glow set by the gf-ring class the JS adds) */
#profile .profile-card #tipPlayer[class*="gf-ring-"]{border-color:rgba(var(--rank-glow),.7)!important;background:linear-gradient(135deg,rgba(var(--rank-glow),.30),rgba(var(--rank-glow),.10))!important;color:#fff!important}
#profile .profile-card #tipPlayer[class*="gf-ring-"] svg path:first-child{fill:rgb(var(--rank-glow))!important}
#profile .profile-card #tipPlayer[class*="gf-ring-"]:hover{border-color:rgb(var(--rank-glow))!important;box-shadow:0 0 16px rgba(var(--rank-glow),.5)!important}
#profile .profile-xp-track i[class*="gf-ring-"]{background:linear-gradient(90deg,rgb(var(--rank-glow)),rgba(var(--rank-glow),.6))!important;box-shadow:0 0 9px rgba(var(--rank-glow),.5)!important}
/* profile stat numbers + "PLAYER PROFILE" header take the viewed player's rank colour (--rank-glow set inline on #profile by app.js) */
/* every number MUST also set -webkit-text-fill-color: it overrides `color`, and the old rules pinned it to #c693ff/#f2eef9 */
#profile .profile-card > p{color:rgb(var(--rank-glow,157,83,247))!important;-webkit-text-fill-color:rgb(var(--rank-glow,157,83,247))!important;text-shadow:0 0 12px rgba(var(--rank-glow,157,83,247),.3)!important}
/* the XP-bar labels stay WHITE (no purple, no rank tint): current level, next level, and the XP count */
#profile .profile-card .profile-level-line #profileLevel,#profile .profile-level-line #profileLevel,
#profile .profile-xp small#profileNextLevel,#profile #profileNextLevel,
#profile .profile-xp b#profileXp,#profile #profileXp{color:#f4f1f8!important;-webkit-text-fill-color:#f4f1f8!important}
/* career strip (TOTAL WAGERED / BEST WIN) numbers = rank colour */
#profile .profile-career-strip b,#profile .profile-career-strip b span,#profile .profile-career-strip > div:first-child b{color:rgb(var(--rank-glow,157,83,247))!important;-webkit-text-fill-color:rgb(var(--rank-glow,157,83,247))!important;text-shadow:0 0 14px rgba(var(--rank-glow,157,83,247),.22)!important}
/* performance grid (WINS / BEST STREAK / GAMES PLAYED / WIN RATE) numbers = WHITE */
#profile .profile-performance b,#profile .profile-performance b span,#profile .profile-performance b em,#profile .profile-performance #profileWinrate,#profile #profileWinrate,#profile .profile-performance #profileStreak,#profile #profileStreak,#profile .profile-performance #profileUpset,#profile #profileUpset,#profile .profile-performance .profile-metric-number,#profile .profile-metric-number{color:#f4f1f8!important;-webkit-text-fill-color:#f4f1f8!important}
/* profile top career strip — purple bar */
#profile .profile-career-strip{background:linear-gradient(135deg,rgba(var(--rank-glow,157,83,247),.10),rgba(var(--rank-glow,157,83,247),.02))!important;border-color:rgba(var(--rank-glow,157,83,247),.28)!important}
#profile .profile-career-strip>div+div{border-left-color:rgba(var(--rank-glow,157,83,247),.22)!important}
/* profile avatar ring — colored by rank gradient (purple when unranked) */
#profile .profile-avatar.gf-ring-nolimit{border-color:transparent!important;box-shadow:0 0 26px 3px rgba(157,83,247,.5),0 0 46px 8px rgba(157,83,247,.25)!important}
#profile .profile-avatar.gf-ring-deeppockets{border-color:transparent!important;box-shadow:0 0 26px 3px rgba(157,83,247,.5),0 0 46px 8px rgba(157,83,247,.25)!important}
#profile .profile-avatar.gf-ring-bigmoney{border-color:transparent!important;box-shadow:0 0 26px 3px rgba(157,83,247,.5),0 0 46px 8px rgba(157,83,247,.25)!important}
#profile .profile-avatar.gf-ring-none{border-color:transparent!important;box-shadow:0 0 26px 3px rgba(157,83,247,.46),0 0 46px 8px rgba(157,83,247,.22)!important}

/* Weekly race notice — useful enough to keep, quiet enough not to steal the lobby. */
#gfAnnounce.race-banner-hidden{display:none!important}
html.gf-scale .cf-main>#gfAnnounce.race-banner--editorial{
  grid-template-columns:minmax(250px,.86fr) minmax(290px,1.14fr) minmax(244px,.82fr)!important;
  grid-template-areas:"summary art actions"!important;
  column-gap:20px!important;
  min-height:94px!important;
  padding:0 26px!important;
  border:1px solid rgba(153,105,227,.24)!important;
  border-radius:12px!important;
  background:radial-gradient(ellipse 35% 150% at 51% 50%,rgba(113,68,187,.20),transparent 72%),linear-gradient(102deg,#15121b 0%,#1a1521 49%,#141217 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 14px 34px rgba(0,0,0,.28)!important;
}
html.gf-scale .cf-main>#gfAnnounce.race-banner--editorial:hover{border-color:rgba(177,132,248,.36)!important;background:radial-gradient(ellipse 35% 150% at 51% 50%,rgba(127,77,209,.26),transparent 72%),linear-gradient(102deg,#17131e 0%,#1c1625 49%,#151319 100%)!important}
#gfAnnounce .rb-summary{grid-area:summary!important;display:grid!important;align-content:center!important;justify-items:start!important;gap:3px!important;min-width:0!important}
#gfAnnounce .rb-summary>h2{margin:0!important;color:#faf8ff!important;font:800 16px/1.05 Manrope,sans-serif!important;letter-spacing:-.025em!important}
#gfAnnounce .rb-reward-copy{display:block!important;margin:0!important;color:#aaa2b3!important;font:700 9px/1.3 "DM Mono",monospace!important;letter-spacing:.08em!important;text-transform:uppercase!important}
#gfAnnounce .rb-line{display:flex!important;align-items:baseline!important;gap:8px!important;margin-top:2px!important}
#gfAnnounce .rb-value{color:#b878ff!important;font:800 27px/1 "Space Grotesk",sans-serif!important;letter-spacing:-.05em!important;text-shadow:0 0 18px rgba(161,99,255,.30)!important}
#gfAnnounce .rb-value .g-coin{filter:drop-shadow(0 0 6px rgba(166,105,255,.5))!important}
#gfAnnounce .rb-pool-label{color:#d9c7ee!important;font:800 9px/1 "DM Mono",monospace!important;letter-spacing:.12em!important}
#gfAnnounce .rb-art{opacity:1!important}
#gfAnnounce .rb-actions{grid-area:actions!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:14px!important;padding:0!important;border:0!important}
#gfAnnounce .rb-countdown{display:grid!important;gap:4px!important;min-width:130px!important;padding:9px 12px!important;border-left:1px solid rgba(190,160,229,.14)!important;background:linear-gradient(90deg,rgba(161,105,255,.05),rgba(161,105,255,0))!important}
#gfAnnounce .rb-countdown>span{color:#9d91aa!important;font:800 8px/1 "DM Mono",monospace!important;letter-spacing:.13em!important}
#gfAnnounce .rb-countdown>b{color:#f4eff9!important;font:800 20px/1 "Space Grotesk",sans-serif!important;letter-spacing:.025em!important;white-space:nowrap!important}
#gfAnnounce .rb-countdown>b i{color:#aa74ee!important;font:700 9px/1 "DM Mono",monospace!important;font-style:normal!important;margin-left:1px!important}
#gfAnnounce .rb-view{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:34px!important;padding:0 12px!important;border:1px solid rgba(175,125,247,.58)!important;border-radius:7px!important;background:rgba(145,91,225,.12)!important;color:#d9c1ff!important;font:800 10px/1 "DM Mono",monospace!important;letter-spacing:.075em!important;white-space:nowrap!important;transition:.16s ease!important}
#gfAnnounce .rb-view:hover{border-color:#c291ff!important;background:rgba(158,96,246,.22)!important;color:#fff!important;box-shadow:0 0 16px rgba(155,93,246,.18)!important}
#gfAnnounce .rb-view span{font:700 15px/1 Arial,sans-serif!important}
#gfAnnounce .rb-dismiss{display:none!important}
@media(max-width:1450px){
  html.gf-scale .cf-main>#gfAnnounce.race-banner--editorial{grid-template-columns:minmax(210px,.9fr) minmax(190px,1fr) minmax(218px,.9fr)!important;padding:0 18px!important;column-gap:10px!important}
  #gfAnnounce .rb-actions{gap:9px!important}
  #gfAnnounce .rb-view{padding:0 9px!important}
}
@media(max-width:1100px){
  html.gf-scale .cf-main>#gfAnnounce.race-banner--editorial{grid-template-columns:minmax(180px,1fr) minmax(140px,.8fr) minmax(196px,1fr)!important}
  #gfAnnounce .rb-reward-copy{display:none!important}
  #gfAnnounce .rb-value{font-size:24px!important}
}

/* The race link is deliberately text-only — settings owns visibility now. */
#gfAnnounce .rb-view{min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#cda7ff!important}
#gfAnnounce .rb-view:hover{border:0!important;background:transparent!important;box-shadow:none!important;color:#f1e7ff!important;text-shadow:0 0 12px rgba(184,122,255,.4)!important}

/* Treat the middle prize art as its own grid column instead of floating in the
   exact middle of the whole banner. This keeps it between the event and timer. */
#gfAnnounce .rb-summary{justify-self:start!important;align-self:center!important;justify-content:start!important;text-align:left!important;width:auto!important;margin:0!important;padding:0!important}
#gfAnnounce .rb-summary>h2,#gfAnnounce .rb-reward-copy,#gfAnnounce .rb-line{text-align:left!important;justify-self:start!important}
#gfAnnounce .rb-art{position:relative!important;grid-area:art!important;align-self:stretch!important;justify-self:stretch!important;top:auto!important;left:auto!important;width:100%!important;height:100%!important;transform:none!important}
#gfAnnounce .rb-art-evergreen,#gfAnnounce .rb-art-gingerscope{top:50%!important}

/* Header tools: leaderboard matches the notification and Discord controls. */
html.gf-scale #navLeaderboard{color:#8d8794!important}
html.gf-scale #navLeaderboard:hover,html.gf-scale #navLeaderboard:focus-visible{color:#f0edf3!important}
html.gf-scale #navLeaderboard svg{width:23px!important;height:23px!important;stroke-width:1.8!important}
html.gf-scale .hicon-leaderboard svg{display:block!important}
html.gf-scale .hicon-leaderboard::before{display:none!important;content:none!important}
html.gf-scale .header-icons,html.gf-scale .hicon-notifications{overflow:visible!important}

/* Keep the unread number tight to the bell, not floating out in the header. */
html.gf-scale .header-icons .hicon-notifications{position:relative!important;padding:6px 5px 6px 6px!important}
html.gf-scale .header-icons .hicon-notifications .gf-notification-dot{top:3px!important;right:3px!important;display:block!important;box-sizing:border-box!important;width:7px!important;min-width:7px!important;height:7px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#9e63ef!important;color:transparent!important;font-size:0!important;line-height:0!important;letter-spacing:0!important;text-align:center!important;box-shadow:0 0 6px rgba(135,77,226,.52)!important;transform:none!important}
html.gf-scale .header-icons .hicon-notifications .gf-notification-dot[hidden]{display:none!important}

/* Discord-like reply and mention affordances for live chat. */
.gf-chat-context,.gf-chat-mentions{position:fixed!important;z-index:17000!important;overflow:hidden!important;border:1px solid #30283d!important;border-radius:8px!important;background:#111016!important;box-shadow:0 16px 38px rgba(0,0,0,.55)!important}
.gf-chat-context[hidden],.gf-chat-mentions[hidden]{display:none!important}
.gf-chat-context{width:148px!important;padding:4px!important}
.gf-chat-context button{display:flex!important;align-items:center!important;width:100%!important;min-height:31px!important;padding:0 9px!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#e8e1f1!important;font:600 12px/1 Manrope,Inter,sans-serif!important;text-align:left!important;cursor:pointer!important}
.gf-chat-context button:hover{background:#261b38!important;color:#fff!important}
.gf-chat-mentions{max-height:208px!important;overflow:auto!important;padding:5px!important}
.gf-chat-mentions button{display:flex!important;align-items:center!important;gap:9px!important;width:100%!important;min-height:42px!important;padding:7px 9px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#f2edf6!important;text-align:left!important;cursor:pointer!important}
.gf-chat-mentions button:hover{background:#21172f!important}
.gf-chat-mentions img{display:block!important;flex:0 0 27px!important;width:27px!important;height:27px!important;overflow:hidden!important;border:1px solid #4e3a70!important;border-radius:50%!important;background:#201a2b!important;object-fit:cover!important}
.gf-chat-mentions span{display:flex!important;align-items:baseline!important;gap:7px!important;min-width:0!important}
.gf-chat-mentions b{overflow:hidden!important;font:700 12px/1 Manrope,Inter,sans-serif!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.gf-chat-mentions small{overflow:hidden!important;color:#a49aaa!important;font:500 10px/1.15 Inter,sans-serif!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.gf-chat-reply{display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important;margin:0 0 3px!important;color:#92879f!important;font:500 9px/1.15 Inter,sans-serif!important}
.gf-chat-reply>span{color:#af82ee!important;font:700 12px/1 Arial,sans-serif!important}
.gf-chat-reply button{overflow:hidden!important;max-width:72px!important;padding:0!important;border:0!important;background:transparent!important;color:#cdb0ff!important;font:700 9px/1.1 Manrope,Inter,sans-serif!important;text-overflow:ellipsis!important;white-space:nowrap!important;cursor:pointer!important}
.gf-chat-reply button:hover{text-decoration:underline!important}
.gf-chat-reply small{overflow:hidden!important;color:#8f8798!important;font:500 9px/1.15 Inter,sans-serif!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.gf-chat-mention{display:inline!important;padding:0 2px!important;border:0!important;border-radius:3px!important;background:rgba(142,88,232,.18)!important;color:#d0afff!important;font:inherit!important;font-weight:700!important;cursor:pointer!important}
.gf-chat-mention:hover{background:rgba(157,99,246,.32)!important;color:#f2eaff!important}
.messages article.gf-chat-mentioned{margin:0 -5px!important;padding-left:5px!important;padding-right:5px!important;border-radius:6px!important;background:linear-gradient(90deg,rgba(139,79,230,.18),rgba(139,79,230,.035))!important}
.gf-chat-reply-draft{display:grid!important;grid-template-columns:17px minmax(0,1fr) 22px!important;align-items:center!important;gap:7px!important;margin:0 10px!important;padding:7px 2px 5px!important;border-top:1px solid rgba(168,123,238,.22)!important;color:#b99ee2!important}
.gf-chat-reply-draft[hidden]{display:none!important}
.gf-chat-reply-draft>span{font:700 14px/1 Arial,sans-serif!important;color:#b883ff!important}
.gf-chat-reply-draft>div{display:grid!important;min-width:0!important;gap:1px!important}
.gf-chat-reply-draft small{color:#ad9bbf!important;font:500 9px/1.1 Inter,sans-serif!important}
.gf-chat-reply-draft small b{color:#dcc7ff!important;font-weight:700!important}
.gf-chat-reply-draft p{overflow:hidden!important;margin:0!important;color:#82798e!important;font:500 9px/1.15 Inter,sans-serif!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.gf-chat-reply-draft button{width:22px!important;height:22px!important;padding:0!important;border:0!important;border-radius:4px!important;background:transparent!important;color:#9e93aa!important;font:500 18px/1 Arial,sans-serif!important;cursor:pointer!important}
.gf-chat-reply-draft button:hover{background:#281d36!important;color:#fff!important}

/* Stable desktop match rows.  Match rows keep the original board columns; only the
   player cell owns the two identities.  This prevents a long name or hover state
   from pushing the VS / coin / weapons into different columns. */
@media (min-width:901px){
  #gfLobby .lobby.gfl-live,
  #pastGames .lobby.gfl-live{
    position:relative!important;
    align-items:center!important;
  }

  #gfLobby .lobby.gfl-live>.player.matched,
  #pastGames .lobby.gfl-live>.player.matched{
    position:static!important;
    display:grid!important;
    /* Fixed player starts make every game scan like a table. Names may change,
       but neither avatar nor VS is allowed to drift with them. */
    grid-template-columns:230px 45px 40px 45px minmax(0,230px)!important;
    grid-template-areas:"host . vs . guest"!important;
    align-items:center!important;
    column-gap:12px!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  #gfLobby .lobby.gfl-live>.player.matched>.live-match-player,
  #pastGames .lobby.gfl-live>.player.matched>.live-match-player{
    grid-area:host!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:9px!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    zoom:1!important;
  }

  #gfLobby .lobby.gfl-live>.player.matched>.live-match-player.opponent,
  #pastGames .lobby.gfl-live>.player.matched>.live-match-player.opponent{
    grid-area:guest!important;
    /* Both player identities read the same way: avatar, then name.  Keeping
       the guest in its own half leaves VS genuinely between them. */
    flex-direction:row!important;
    justify-content:flex-start!important;
    justify-self:start!important;
    margin-right:0!important;
    text-align:left!important;
  }

  #gfLobby .lobby.gfl-live>.player.matched>.live-match-player>span,
  #pastGames .lobby.gfl-live>.player.matched>.live-match-player>span{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:5px!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  #gfLobby .lobby.gfl-live>.player.matched>.live-match-player>span>b,
  #pastGames .lobby.gfl-live>.player.matched>.live-match-player>span>b{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #gfLobby .lobby.gfl-live>.player.matched>i,
  #pastGames .lobby.gfl-live>.player.matched>i{
    grid-area:vs!important;
    display:grid!important;
    place-items:center!important;
    width:40px!important;
    min-width:40px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }

  /* The coin belongs to one fixed board coordinate, never the hovered player. */
  #gfLobby .lobby.gfl-live>.player.matched>.match-status,
  #gfLobby .lobby.gfl-live>.player.matched>.match-status.countdown,
  #gfLobby .lobby.gfl-live>.player.matched>.match-status.spinning,
  #gfLobby .lobby.gfl-live>.player.matched>.match-status.result,
  #pastGames .lobby.gfl-live>.player.matched>.match-status,
  #pastGames .lobby.gfl-live>.player.matched>.match-status.result{
    position:absolute!important;
    inset:auto!important;
    left:var(--gfl-coinx,38.8%)!important;
    right:auto!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    display:grid!important;
    place-items:center!important;
    width:56px!important;
    min-width:56px!important;
    height:56px!important;
    min-height:56px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  /* Result and pot use the exact same row centreline. */
  #gfLobby .lobby.gfl-live>.pot,
  #pastGames .lobby.gfl-live>.pot{
    align-self:center!important;
    justify-self:center!important;
    position:static!important;
    top:auto!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    line-height:1!important;
  }
  #gfLobby .lobby.gfl-live>.pot:before,
  #pastGames .lobby.gfl-live>.pot:before{display:none!important}
  #gfLobby .lobby.gfl-live>.player.matched>.match-status .match-result-icon,
  #pastGames .lobby.gfl-live>.player.matched>.match-status .match-result-icon{
    width:52px!important;
    height:52px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  /* Hover may tint an identity, but must never alter any row geometry. */
  #gfLobby .lobby.gfl-live>.player.matched>.live-match-player:hover,
  #pastGames .lobby.gfl-live>.player.matched>.live-match-player:hover,
  #gfLobby .lobby.gfl-live>.player.matched>.live-match-player:focus-visible,
  #pastGames .lobby.gfl-live>.player.matched>.live-match-player:focus-visible{
    margin:0!important;
    padding:0!important;
    transform:none!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  #gfLobby .lobby.gfl-live>.player.matched>.live-match-player:hover>img,
  #pastGames .lobby.gfl-live>.player.matched>.live-match-player:hover>img,
  #gfLobby .lobby.gfl-live>.player.matched>.live-match-player:focus-visible>img,
  #pastGames .lobby.gfl-live>.player.matched>.live-match-player:focus-visible>img{
    transform:none!important;
  }
}

/* Desktop match-row geometry, final pass.
   The old lobby rules inserted invisible tracks between every element.  That
   made VS look centred in an empty area instead of between the two people.
   Live and settled games now use just three tracks inside the Player lane:
   identity / VS / identity.  The result coin remains in the fixed board slot
   measured from an open row, and the pot keeps its own board column. */
@media (min-width:901px){
  #gfLobby .lobby.gfl-live > .player.matched,
  #pastGames .lobby.gfl-live > .player.matched{
    display:grid!important;
    grid-template-columns:230px 40px 230px!important;
    grid-template-areas:"host versus guest"!important;
    align-items:center!important;
    column-gap:18px!important;
    justify-content:start!important;
    align-content:center!important;
    min-height:74px!important;
    height:74px!important;
    margin:0!important;
    padding:0!important;
  }

  #gfLobby .lobby.gfl-live > .player.matched > .live-match-player,
  #pastGames .lobby.gfl-live > .player.matched > .live-match-player{
    grid-area:host!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    justify-self:start!important;
    width:230px!important;
    min-width:0!important;
    height:56px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }

  #gfLobby .lobby.gfl-live > .player.matched > .live-match-player.opponent,
  #pastGames .lobby.gfl-live > .player.matched > .live-match-player.opponent{
    grid-area:guest!important;
    flex-direction:row!important;
    justify-content:flex-start!important;
    justify-self:start!important;
  }

  #gfLobby .lobby.gfl-live > .player.matched > i,
  #pastGames .lobby.gfl-live > .player.matched > i{
    grid-area:versus!important;
    display:grid!important;
    place-items:center!important;
    justify-self:center!important;
    align-self:center!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
    transform:none!important;
  }

  /* Every phase of the same coin shares an identical 56px centre box. */
  #gfLobby .lobby.gfl-live > .player.matched > .match-status,
  #gfLobby .lobby.gfl-live > .player.matched > .match-status.countdown,
  #gfLobby .lobby.gfl-live > .player.matched > .match-status.spinning,
  #gfLobby .lobby.gfl-live > .player.matched > .match-status.result,
  #pastGames .lobby.gfl-live > .player.matched > .match-status,
  #pastGames .lobby.gfl-live > .player.matched > .match-status.result{
    top:50%!important;
    left:var(--gfl-coinx,38.8%)!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    justify-content:center!important;
    width:56px!important;
    min-width:56px!important;
    height:56px!important;
    min-height:56px!important;
    margin:0!important;
    padding:0!important;
    line-height:0!important;
  }
  #gfLobby .lobby.gfl-live > .player.matched > .match-status .coin3d,
  #gfLobby .lobby.gfl-live > .player.matched > .match-status .match-result-icon,
  #pastGames .lobby.gfl-live > .player.matched > .match-status .match-result-icon{
    display:block!important;
    width:56px!important;
    height:56px!important;
    margin:0!important;
  }

  #gfLobby .lobby.gfl-live > .pot,
  #pastGames .lobby.gfl-live > .pot{
    display:flex!important;
    align-self:center!important;
    align-items:center!important;
    justify-self:center!important;
    justify-content:center!important;
    height:56px!important;
    min-height:56px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    line-height:1!important;
  }
}

/* FINAL desktop pairing lock: the two profiles always start in the same
   columns, with VS between them. The heads/tails result lives independently
   in the board's measured result lane, never inside either profile. */
@media (min-width:901px){
  #gfLobby .game-list .lobby.gfl-live > .player.matched,
  #pastGames .game-list .lobby.gfl-live > .player.matched,
  #gfLobby .lobby.gfl-live > .player.matched,
  #pastGames .lobby.gfl-live > .player.matched{
    position:static!important;
    display:grid!important;
    grid-template-columns:230px 36px 230px!important;
    grid-template-rows:64px!important;
    grid-template-areas:none!important;
    column-gap:12px!important;
    align-items:center!important;
    justify-content:start!important;
    justify-items:start!important;
    align-content:center!important;
    width:520px!important;
    min-width:520px!important;
    max-width:520px!important;
    height:64px!important;
    min-height:64px!important;
    margin:0!important;
    padding:0!important;
  }

  #gfLobby .game-list .lobby.gfl-live > .player.matched > .live-match-player:not(.opponent),
  #pastGames .game-list .lobby.gfl-live > .player.matched > .live-match-player:not(.opponent),
  #gfLobby .lobby.gfl-live > .player.matched > .live-match-player:not(.opponent),
  #pastGames .lobby.gfl-live > .player.matched > .live-match-player:not(.opponent){
    grid-area:auto!important;
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    justify-self:start!important;
    align-self:center!important;
    gap:10px!important;
    width:230px!important;
    min-width:0!important;
    height:56px!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
    transform:none!important;
  }

  #gfLobby .game-list .lobby.gfl-live > .player.matched > .live-match-player.opponent,
  #pastGames .game-list .lobby.gfl-live > .player.matched > .live-match-player.opponent,
  #gfLobby .lobby.gfl-live > .player.matched > .live-match-player.opponent,
  #pastGames .lobby.gfl-live > .player.matched > .live-match-player.opponent{
    grid-area:auto!important;
    grid-column:3!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    justify-self:start!important;
    align-self:center!important;
    gap:10px!important;
    width:230px!important;
    min-width:0!important;
    height:56px!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
    transform:none!important;
  }

  #gfLobby .game-list .lobby.gfl-live > .player.matched > .live-match-player > img,
  #pastGames .game-list .lobby.gfl-live > .player.matched > .live-match-player > img,
  #gfLobby .lobby.gfl-live > .player.matched > .live-match-player > img,
  #pastGames .lobby.gfl-live > .player.matched > .live-match-player > img{
    order:0!important;
    flex:0 0 56px!important;
    margin:0!important;
  }

  #gfLobby .game-list .lobby.gfl-live > .player.matched > .live-match-player > span,
  #pastGames .game-list .lobby.gfl-live > .player.matched > .live-match-player > span,
  #gfLobby .lobby.gfl-live > .player.matched > .live-match-player > span,
  #pastGames .lobby.gfl-live > .player.matched > .live-match-player > span{
    order:1!important;
    min-width:0!important;
    margin:0!important;
    text-align:left!important;
  }

  #gfLobby .game-list .lobby.gfl-live > .player.matched > i,
  #pastGames .game-list .lobby.gfl-live > .player.matched > i,
  #gfLobby .lobby.gfl-live > .player.matched > i,
  #pastGames .lobby.gfl-live > .player.matched > i{
    grid-area:auto!important;
    grid-column:2!important;
    grid-row:1!important;
    display:grid!important;
    place-items:center!important;
    justify-self:center!important;
    align-self:center!important;
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    transform:none!important;
  }

  #gfLobby .game-list .lobby.gfl-live > .player.matched > .match-status,
  #pastGames .game-list .lobby.gfl-live > .player.matched > .match-status,
  #gfLobby .lobby.gfl-live > .player.matched > .match-status,
  #pastGames .lobby.gfl-live > .player.matched > .match-status{
    position:absolute!important;
    inset:auto!important;
    left:var(--gfl-coinx,38.8%)!important;
    top:50%!important;   /* was calc(50% - 11px): a nudge for an older layout. Measured dy from the avatars'
                            centreline is 0.00px at 50%. Left here rather than deleted so removing the later
                            override in this file cannot silently jump the coin 11px again. */
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
    z-index:2!important;
  }
}

/* ============================================================================================================
   PAST/LIVE ROW: PUT "A VS B" TOGETHER IN THE MIDDLE                                   (claude, 2026-08-19)
   Previous attempt right-aligned the host's NAME inside its fixed 230px track. That centred the text run but
   tore the name away from its own avatar, which is worse - a name belongs next to the face it labels.
   The actual problem is the fixed 230px | 36px | 230px grid: each player is left-packed inside an oversized
   track, so a short name leaves a hole before the VS. Size the tracks to their CONTENT instead. Avatar and
   name stay glued together, and the VS ends up genuinely between the two players rather than hugging one.
   Narrowing this block also pulls it out of the outcome-coin lane, which is what made the coin overlap
   player B's name on anything under a ~2150px viewport.
   ============================================================================================================ */
@media (min-width:901px){
  #gfLobby .lobby.gfl-live > .player.matched,
  #pastGames .lobby.gfl-live > .player.matched{
    grid-template-columns:auto 36px auto!important;
    width:auto!important; min-width:0!important; max-width:100%!important;
    justify-items:start!important; justify-content:start!important;
    column-gap:14px!important;
  }
  /* Content-sized tracks mean the name no longer needs to stretch; keep it hugging its avatar.
     MUST repeat :not(.opponent) / .opponent here. The incumbents at :13712 and :13736 carry those, giving them
     (1,5,0) — a plain .live-match-player is (1,4,0) and silently loses, which is why width:230px survived and
     the VS still sat off-centre. Matching their specificity and coming later in the file is what wins. */
  #gfLobby .lobby.gfl-live > .player.matched > .live-match-player:not(.opponent),
  #pastGames .lobby.gfl-live > .player.matched > .live-match-player:not(.opponent),
  #gfLobby .lobby.gfl-live > .player.matched > .live-match-player.opponent,
  #pastGames .lobby.gfl-live > .player.matched > .live-match-player.opponent{
    width:auto!important; min-width:0!important; max-width:none!important; flex:0 0 auto!important;
  }
  /* COIN VERTICAL - THE REAL FIX. Rendered and measured: the .match-status BOX is already dead centre
     (its centre matches the avatars' to 0.00px). The IMAGE INSIDE IT was 10.5px low.
     Why: refine.css:209-215 still lays .match-status.result out as the OLD two-row grid - a caption row for
     the "HEADS"/"TAILS" word above the coin - `grid-template-rows:10px 42px` (12px 50px at refine.css:1000),
     `gap:3px`, with the icon pinned to `grid-row:2; align-self:start`. game.js hides the caption text
     (`.match-status.result span{display:none}`) but the track and gap survive, so the coin still sits in a row
     shoved down by a label nobody can see: -4.5 (align-content:center) + 12 + 3 = +10.5px. Exactly the error.
     Collapse the phantom row and centre the icon in the box.
     SPECIFICITY MATTERS HERE: the incumbents at :13503 and :13636 use `.match-status.result` = (1,6,0). A
     selector ending in plain `.match-status` is (1,5,0) and loses no matter how late it appears - which is why
     two previous attempts at this (and game.js:290) were dead code and moved nothing. Match .result, and being
     later in the file wins the tie. */
  #gfLobby .lobby.gfl-live > .player.matched > .match-status.result,
  #pastGames .lobby.gfl-live > .player.matched > .match-status.result,
  #gfLobby .game-list .lobby.gfl-live > .player.matched > .match-status.result,
  #pastGames .game-list .lobby.gfl-live > .player.matched > .match-status.result{
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    grid-template-rows:1fr!important;
    gap:0!important;
    align-content:center!important;
  }
  #gfLobby .lobby.gfl-live > .player.matched > .match-status.result > .match-result-icon,
  #pastGames .lobby.gfl-live > .player.matched > .match-status.result > .match-result-icon,
  #gfLobby .game-list .lobby.gfl-live > .player.matched > .match-status.result > .match-result-icon,
  #pastGames .game-list .lobby.gfl-live > .player.matched > .match-status.result > .match-result-icon{
    grid-row:1!important;
    align-self:center!important;
  }
}