/* Approved 1024 x 1536 board. Art stays in source coordinates; one scale fits the viewport. */
@font-face {
  font-family: 'Rankboard WenKai';
  src: url('https://sgcdn.gxqlove.top/zhimajiangjun/static-20261103-9e2f00eadfcd/assets/fonts/campaign-wenkai-screen-v6.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Rankboard WenKai Full';
  src: url('https://sgcdn.gxqlove.top/zhimajiangjun/static-20261103-9e2f00eadfcd/assets/fonts/campaign-wenkai-extended-v6.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
:is(body, #app) #leaderboard-panel.home-library-panel {
  position: fixed !important;
  z-index: 90 !important;
  inset: 0 !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: rgb(20 14 9 / 92%) !important;
  touch-action: auto;
}
:is(body, #app) #leaderboard-panel.home-library-panel.is-hidden { display: none !important; }
:is(body, #app) #leaderboard-panel > .leaderboard-card {
  --rankboard-source: url('https://sgcdn.gxqlove.top/zhimajiangjun/static-20261103-9e2f00eadfcd/assets/rankboard-approved-v1/approved-board-controls-v2.png');
  --rankboard-clean: url('https://sgcdn.gxqlove.top/zhimajiangjun/static-20261103-9e2f00eadfcd/assets/rankboard-approved-v1/clean-board.png');
  --rankboard-scale: .4;
  position: absolute !important;
  display: block !important;
  isolation: isolate !important;
  left: 50% !important;
  top: 50% !important;
  width: 1024px !important;
  height: 1536px !important;
  min-width: 1024px !important;
  max-width: none !important;
  min-height: 1536px !important;
  max-height: none !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: var(--rankboard-source) 0 0 / 1024px 1536px no-repeat !important;
  transform: translate(-50%, -50%) scale(var(--rankboard-scale)) !important;
  transform-origin: center center !important;
  color: #25180c !important;
  font-synthesis: none !important;
  font-family: 'Rankboard WenKai', 'Rankboard WenKai Full', serif !important;
}
:is(body, #app) #leaderboard-panel .leaderboard-card::before,
:is(body, #app) #leaderboard-panel .leaderboard-card::after { display: none !important; }
:is(body, #app) #leaderboard-panel .leaderboard-card :is(*, #leaderboard-title) {
  box-sizing: border-box !important;
  font-family: 'Rankboard WenKai', 'Rankboard WenKai Full', serif !important;
  font-synthesis: none !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  animation: none !important;
  transition: none !important;
}
:is(body, #app) #leaderboard-panel .leaderboard-card > * { margin: 0 !important; }
:is(body, #app) #leaderboard-panel .rankboard-header {
  position: absolute !important;
  inset: 0 0 auto !important;
  height: 140px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
}
:is(body, #app) #leaderboard-panel .rankboard-emblem { display: none !important; }
:is(body, #app) #leaderboard-panel .rankboard-visually-hidden,
:is(body, #app) #leaderboard-panel .rankboard-podium-heading,
:is(body, #app) #leaderboard-panel .rankboard-list-heading,
:is(body, #app) #leaderboard-panel .rankboard-me-copy > b,
:is(body, #app) #leaderboard-panel .rankboard-me-avatar {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
:is(body, #app) #leaderboard-panel #leaderboard-close {
  position: absolute !important;
  top: 36px !important;
  left: 904px !important;
  right: auto !important;
  width: 84px !important;
  height: 84px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
  color: transparent !important;
  transform: none !important;
  cursor: pointer !important;
}
:is(body, #app) #leaderboard-panel .rankboard-tabs {
  position: absolute !important;
  left: 76px !important;
  top: 154px !important;
  width: 874px !important;
  height: 80px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
:is(body, #app) #leaderboard-panel .rankboard-tab {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  place-items: center !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 52px !important;
  line-height: 1 !important;
  transform: none !important;
  cursor: pointer !important;
}
/* The supplied default tabs remain literal source art. Other selected states use its materials. */
:is(body, #app) #leaderboard-panel[data-rankboard-scope='province'] .rankboard-tab {
  border: 2px solid #b48a49 !important;
  background: #eddfbd var(--rankboard-clean) -515px -155px / 1024px 1536px no-repeat !important;
  color: #4a2c10 !important;
}
:is(body, #app) #leaderboard-panel[data-rankboard-scope='province'] .rankboard-tab.is-active {
  border: 4px double #efd18f !important;
  background: #8d2d1b var(--rankboard-clean) -80px -159px / 1024px 1536px no-repeat !important;
  color: #fff0c8 !important;
}
:is(body, #app) #leaderboard-panel .rankboard-context {
  position: absolute !important;
  left: 78px !important;
  top: 249px !important;
  width: 600px !important;
  height: 52px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: transparent !important;
  font-size: 38px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
:is(body, #app) #leaderboard-panel .rankboard-context span { display: none !important; }
:is(body, #app) #leaderboard-panel[data-rankboard-scope='province'] .rankboard-context {
  left: 64px !important;
  top: 248px !important;
  width: 899px !important;
  height: 57px !important;
  padding: 0 14px !important;
  background: #f3e2bb url('https://sgcdn.gxqlove.top/zhimajiangjun/static-20261103-9e2f00eadfcd/assets/rankboard-approved-v1/context-board.png') -64px -248px / 1024px 1536px no-repeat !important;
  color: #2c1c0e !important;
}
:is(body, #app) #leaderboard-panel .rankboard-podium {
  position: absolute !important;
  top: 275px !important;
  left: 63px !important;
  width: 899px !important;
  height: 430px !important;
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
}
:is(body, #app) #leaderboard-panel .rankboard-podium-item {
  position: absolute !important;
  top: 90px !important;
  left: 0 !important;
  width: 294px !important;
  height: 340px !important;
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  text-align: center !important;
}
:is(body, #app) #leaderboard-panel .rankboard-podium-item[data-place='1'] { top: 0 !important; left: 285px !important; width: 324px !important; height: 430px !important; }
:is(body, #app) #leaderboard-panel .rankboard-podium-item[data-place='3'] { left: 601px !important; width: 298px !important; }
:is(body, #app) #leaderboard-panel .rankboard-podium-avatar {
  position: absolute !important;
  left: 49px !important;
  top: 59px !important;
  display: block !important;
  width: 214px !important;
  height: 192px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #f2dfb8 var(--rankboard-clean) -112px -424px / 1024px 1536px no-repeat !important;
}
:is(body, #app) #leaderboard-panel .rankboard-podium-item[data-place='1'] .rankboard-podium-avatar {
  left: 54px !important;
  top: 112px !important;
  width: 220px !important;
  height: 224px !important;
  background-position: -402px -387px !important;
}
:is(body, #app) #leaderboard-panel .rankboard-podium-item[data-place='3'] .rankboard-podium-avatar {
  left: 40px !important;
  top: 59px !important;
  width: 209px !important;
  background-position: -704px -424px !important;
}
:is(body, #app) #leaderboard-panel .rankboard-avatar-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  transform: none !important;
  filter: none !important;
}
:is(body, #app) #leaderboard-panel .rankboard-podium-avatar .rankboard-avatar-image { height: calc(100% - 12px) !important; }
:is(body, #app) #leaderboard-panel .rankboard-podium-place { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; }
:is(body, #app) #leaderboard-panel .rankboard-podium-copy {
  position: absolute !important;
  display: grid !important;
  grid-template-rows: 42px 34px !important;
  left: 37px !important;
  top: 250px !important;
  width: 227px !important;
  height: 84px !important;
  padding: 7px 0 0 !important;
  gap: 0 !important;
  background: var(--rankboard-clean) -100px -615px / 1024px 1536px no-repeat !important;
}
:is(body, #app) #leaderboard-panel .rankboard-podium-item[data-place='1'] .rankboard-podium-copy { left: 38px !important; top: 339px !important; width: 250px !important; background-position: -386px -614px !important; }
:is(body, #app) #leaderboard-panel .rankboard-podium-item[data-place='3'] .rankboard-podium-copy { left: 36px !important; background-position: -700px -615px !important; }
:is(body, #app) #leaderboard-panel .rankboard-podium-name {
  display: block !important;
  padding: 0 !important;
  color: #20150b !important;
  font-size: 38px !important;
  line-height: 42px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
:is(body, #app) #leaderboard-panel .rankboard-podium-rank { display: block !important; color: #923c24 !important; font-size: 28px !important; line-height: 34px !important; white-space: nowrap !important; }
:is(body, #app) #leaderboard-panel .rankboard-list-scroll {
  position: absolute !important;
  left: 64px !important;
  top: 770px !important;
  width: 899px !important;
  height: 588px !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin !important;
  scrollbar-color: #aa7b3f transparent !important;
  background: #f2e0b9 var(--rankboard-clean) -64px -770px / 1024px 1536px no-repeat !important;
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch;
}
:is(body, #app) #leaderboard-panel .rankboard-list {
  display: block !important;
  width: 100% !important;
  min-height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  list-style: none !important;
}
:is(body, #app) #leaderboard-panel .rankboard-list > li {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 106px 84px minmax(0, 1fr) 139px !important;
  align-items: center !important;
  gap: 0 !important;
  width: 100% !important;
  height: 84px !important;
  min-height: 84px !important;
  margin: 0 !important;
  padding: 0 24px 0 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #bd9b6a !important;
  border-radius: 0 !important;
  background: #f2e0b9 var(--rankboard-clean) -64px -770px / 1024px 1536px no-repeat !important;
  box-shadow: none !important;
  color: #25180c !important;
}
:is(body, #app) #leaderboard-panel .rankboard-list > li:nth-child(7n+2) { background-position-y: -854px !important; }
:is(body, #app) #leaderboard-panel .rankboard-list > li:nth-child(7n+3) { background-position-y: -938px !important; }
:is(body, #app) #leaderboard-panel .rankboard-list > li:nth-child(7n+4) { background-position-y: -1022px !important; }
:is(body, #app) #leaderboard-panel .rankboard-list > li:nth-child(7n+5) { background-position-y: -1106px !important; }
:is(body, #app) #leaderboard-panel .rankboard-list > li:nth-child(7n+6) { background-position-y: -1190px !important; }
:is(body, #app) #leaderboard-panel .rankboard-list > li:nth-child(7n) { background-position-y: -1274px !important; }
:is(body, #app) #leaderboard-panel .rankboard-list > li.is-self::after { content: ''; position: absolute; inset: 0; background: rgb(166 107 33 / 10%); pointer-events: none; }
:is(body, #app) #leaderboard-panel .rankboard-list-place { font-size: 40px !important; line-height: 1 !important; text-align: center !important; color: #593617 !important; font-variant-numeric: tabular-nums; }
:is(body, #app) #leaderboard-panel .rankboard-list-avatar {
  display: block !important;
  width: 84px !important;
  height: 76px !important;
  padding: 2px !important;
  overflow: hidden !important;
  border: 2px solid #8e693b !important;
  border-radius: 6px !important;
  background: #eddbb4 !important;
  box-shadow: inset 0 0 0 1px #e9c995 !important;
}
:is(body, #app) #leaderboard-panel .rankboard-list-identity { display: grid !important; grid-template-rows: 42px 32px !important; min-width: 0 !important; padding: 0 20px 0 26px !important; gap: 0 !important; }
:is(body, #app) #leaderboard-panel .rankboard-list-name { display: block !important; min-width: 0 !important; margin: 0 !important; overflow: hidden !important; font-size: 38px !important; line-height: 42px !important; color: #1e140b !important; white-space: nowrap !important; text-overflow: ellipsis !important; }
:is(body, #app) #leaderboard-panel .rankboard-list-region { display: block !important; margin: 0 !important; font-size: 29px !important; line-height: 32px !important; color: #68502e !important; }
:is(body, #app) #leaderboard-panel .rankboard-list-rank { display: grid !important; grid-template-rows: 42px 32px !important; text-align: right !important; white-space: nowrap !important; }
:is(body, #app) #leaderboard-panel .rankboard-list-tier { display: block !important; font-size: 36px !important; line-height: 42px !important; color: #913920 !important; }
:is(body, #app) #leaderboard-panel .rankboard-list-stars { display: block !important; font-size: 28px !important; line-height: 32px !important; color: #664b2e !important; }
:is(body, #app) #leaderboard-panel .rankboard-list-name,
:is(body, #app) #leaderboard-panel .rankboard-list-region,
:is(body, #app) #leaderboard-panel .rankboard-list-tier,
:is(body, #app) #leaderboard-panel .rankboard-list-stars {
  font-family: 'Rankboard WenKai', 'Rankboard WenKai Full', serif !important;
  font-weight: 400 !important;
  font-synthesis: none !important;
}
:is(body, #app) #leaderboard-panel .rankboard-list > li.rankboard-empty { display: grid !important; grid-template-columns: 1fr !important; place-items: center !important; height: 588px !important; min-height: 588px !important; padding: 80px !important; font-size: 34px !important; line-height: 1.6 !important; text-align: center !important; color: #705332 !important; background: #f2e0b9 var(--rankboard-clean) -64px -770px / 1024px 1536px no-repeat !important; border: 0 !important; }
:is(body, #app) #leaderboard-panel .rankboard-status { position: absolute !important; left: 76px !important; top: 1322px !important; width: 870px !important; min-height: 0 !important; font-size: 24px !important; line-height: 1.25 !important; color: #805335 !important; text-align: center !important; pointer-events: none !important; }
:is(body, #app) #leaderboard-panel .rankboard-me { position: absolute !important; left: 72px !important; top: 1371px !important; width: 881px !important; height: 102px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
:is(body, #app) #leaderboard-panel .rankboard-me-copy { position: absolute !important; left: 130px !important; top: 57px !important; width: 282px !important; height: 36px !important; display: block !important; padding: 0 !important; background: var(--rankboard-clean) -202px -1428px / 1024px 1536px no-repeat !important; }
:is(body, #app) #leaderboard-panel #rankboard-me-rank { display: block !important; margin: 0 !important; font-size: var(--rankboard-me-font-size, 31px) !important; line-height: 36px !important; color: #fff1cf !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: clip !important; }
:is(body, #app) #leaderboard-panel #rankboard-me-position { position: absolute !important; right: 20px !important; top: 25px !important; display: grid !important; place-items: center end !important; width: 390px !important; height: 58px !important; padding: 0 !important; margin: 0 !important; color: #903c25 !important; font-size: 38px !important; line-height: 1 !important; background: var(--rankboard-clean) -543px -1396px / 1024px 1536px no-repeat !important; white-space: nowrap !important; }
:is(body, #app) #leaderboard-panel :is(button, [tabindex]):focus-visible { outline: 4px solid #f2c676 !important; outline-offset: -5px !important; }
:is(body, #app) #leaderboard-panel ::selection { background: #95452c; color: #fff3d2; }