/* V96 — Jackpot of the Day: 1goplus-matched detail + live home card */

:root {
  --app-width: 10rem;
  --page-bg: #1c1e1e;
  --surface: #313735;
  --surface-dark: #2d3333;
  --surface-emerald: #333838;
  --surface-deep: #2a2f2f;
  --accent: #24ee89;
  --accent-green: #24ee89;
  --accent-green-soft: #71c68b;
  --muted-text: #b1bdc0;
  --text-primary: #e8eded;
  --text-muted: #b1bdc0;
  --gold: #f2bf45;
  --divider: rgba(255, 255, 255, 0.06);
  --table-row: #353a3a;
  --row-gap: 0.16rem;
  --uid-column-width: 2.7rem;
  --rank-column-width: 1.15rem;
  --turn-column-width: 1.8rem;
  --prize-column-width: 3.15rem;
  --gobet-ink: #06301d;
}

.p8-home .super-jackpot__amount[data-co-amount] {
  font-size: 0 !important;
  line-height: 0 !important;
  min-height: 1.12rem !important;
  padding: 0.22rem 0.16rem !important;
}
.p8-home .super-jackpot__amount[data-co-amount]:after {
  content: attr(data-co-amount);
  display: block;
  color: var(--accent-green);
  font-size: 0.52rem;
  font-weight: 800;
  line-height: 1;
  text-align: center;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.p8-home .super-jackpot__countdown[data-co-countdown] {
  font-size: 0 !important;
  line-height: 0 !important;
}
.p8-home .super-jackpot__countdown[data-co-countdown]:after {
  content: attr(data-co-countdown);
  color: #ffffff;
  font-size: 0.26667rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  white-space: nowrap;
}

.p8-home .super-jackpot__head-row,
.super-jackpot [class*="super-jackpot"]:first-child {
  position: relative;
}
.co-jkp-home-arrows {
  display: inline-flex;
  align-items: center;
  gap: 0;
  margin-left: 0.1rem;
  vertical-align: middle;
  height: 0.52rem;
  padding: 0.02rem;
  border-radius: 0.12rem;
  background: rgba(42, 50, 48, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-sizing: border-box;
}
.co-jkp-home-arrow {
  width: 0.48rem;
  height: 0.48rem;
  border: 0;
  border-radius: 0.08rem;
  background: transparent;
  color: #e8f2ed;
  display: grid;
  place-items: center;
  padding: 0;
  cursor: pointer;
}
.co-jkp-home-arrow svg { width: 0.32rem; height: 0.32rem; pointer-events: none; }
.co-jkp-home-slide2 {
  display: none;
  position: absolute;
  inset: 0;
  z-index: 3;
  grid-template-columns: 1fr 1fr;
  gap: 0.16rem;
  padding: 0;
  box-sizing: border-box;
}
.super-jackpot.is-slide-1 .super-jackpot__body,
.super-jackpot.is-slide-1 .super-jackpot__timer { visibility: hidden; }
.super-jackpot.is-slide-1 .co-jkp-home-slide2 { display: grid; }
.co-jkp-home-mini {
  position: relative;
  border-radius: 0.2rem;
  background: var(--surface-dark);
  padding: 0.36rem 0.16rem 0.16rem;
  overflow: hidden;
  min-width: 0;
  min-height: 2.88rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.co-jkp-home-mini h4 {
  margin: 0 0 0.12rem;
  color: var(--accent-green);
  font-size: 0.29333rem;
  font-weight: 800;
  text-align: center;
}
.co-jkp-home-champ {
  display: flex;
  align-items: center;
  gap: 0.12rem;
  min-width: 0;
}
.co-jkp-home-av,
.co-jkp-home-champ .co-jkp__avatar {
  width: 1.12rem;
  height: 1.12rem;
  flex: none;
  position: relative;
  border-radius: 50%;
  overflow: visible;
}
.co-jkp-home-av svg { width: 100%; height: 100%; display: block; border-radius: 50%; }
.co-jkp-home-champ .co-jkp__crown {
  width: 0.56rem;
  height: 0.32rem;
  border-radius: 0;
}
.co-jkp-home-sash {
  position: absolute;
  top: 0.3rem;
  left: -0.58rem;
  width: 2.05rem;
  height: 0.4rem;
  line-height: 0.4rem;
  background: var(--accent-green);
  color: #fff;
  font-size: 0.18667rem;
  font-weight: 800;
  text-align: center;
  transform: rotate(-38deg);
  z-index: 3;
  pointer-events: none;
  box-shadow: 0 0.02rem 0.06rem rgba(0, 0, 0, 0.28);
  letter-spacing: 0.02em;
}
.co-jkp-home-mini .uid {
  color: var(--text-primary);
  font-size: 0.24rem;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.co-jkp-home-mini .uid--sub { color: var(--text-muted); font-weight: 600; }
.co-jkp-home-mini .amt { color: var(--accent-green); font-size: 0.24rem; font-weight: 800; }
.co-jkp-home-turn { color: #fff; font-size: 0.56rem; font-weight: 800; text-align: center; }
.co-jkp-home-gobet {
  display: block;
  width: 70%;
  margin: 0.12rem auto 0;
  border: 0;
  border-radius: 0.16rem;
  background: var(--accent-green);
  color: var(--gobet-ink);
  font-size: 0.24rem;
  font-weight: 800;
  padding: 0.12rem 0;
  cursor: pointer;
}

html.co-jackpot-open,
html.co-jackpot-open body { overflow: hidden; }
html.co-jackpot-open #app > *:not(#co-jackpot-root) { visibility: hidden !important; }

.co-jkp {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 10rem;
  height: 100%;
  height: 100dvh;
  z-index: 112;
  display: flex;
  flex-direction: column;
  background: var(--page-bg);
  color: var(--text-primary);
  font-family: inherit;
  overflow: hidden;
}
.co-jkp *,
.co-jkp *:before,
.co-jkp *:after { box-sizing: border-box; }

.co-jkp__header {
  position: relative;
  flex: none;
  display: grid;
  grid-template-columns: 1.2rem minmax(0, 1fr) auto;
  align-items: center;
  min-height: calc(1.17333rem + env(safe-area-inset-top, 0px));
  padding: env(safe-area-inset-top, 0px) 0.28rem 0;
  background: #141616;
}
.co-jkp__header .co-back-btn { justify-self: start; }
.co-jkp__title {
  text-align: center;
  font-size: 0.42667rem;
  font-weight: 800;
  color: #fff;
  white-space: nowrap;
}
.co-jkp__rewards {
  justify-self: end;
  height: 0.72rem;
  padding: 0 0.28rem;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 0.16rem;
  background: #2a3230;
  color: #fff;
  font-size: 0.29333rem;
  font-weight: 700;
  cursor: pointer;
}

.co-jkp__scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  padding: 0.16rem 0.28rem calc(2.1rem + env(safe-area-inset-bottom, 0px));
}

.co-jkp__hero {
  position: relative;
  display: flex;
  align-items: stretch;
  min-height: 4.05rem;
  padding: 0.14rem 0.16rem 0.14rem 3.62rem;
  border-radius: 0.28rem;
  overflow: hidden;
}
.co-jkp__hero:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 0.28rem;
  background:
    radial-gradient(92% 88% at 16% 78%, rgba(36, 238, 137, 0.22) 0%, rgba(36, 238, 137, 0.06) 40%, transparent 68%),
    linear-gradient(180deg, #314840 0%, #253832 100%);
  box-shadow: inset 0 0 0 1px rgba(36, 238, 137, 0.14);
  z-index: 0;
  pointer-events: none;
}
.co-jkp__hero-art {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3.62rem;
  pointer-events: none;
  z-index: 1;
}
.co-jkp__hero-trophy {
  position: absolute;
  left: 0.1rem;
  bottom: 0.06rem;
  width: 3.52rem;
  height: 3.58rem;
  object-fit: contain;
  object-position: left bottom;
  filter: drop-shadow(0 0.04rem 0.1rem rgba(0, 0, 0, 0.35));
}
.co-jkp__hero-coins {
  display: none;
}
.co-jkp__hero-copy {
  width: 100%;
  min-width: 0;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  padding: 0.14rem 0.42rem 0.04rem 0.02rem;
  gap: 0.08rem;
}
.co-jkp__rule {
  position: absolute;
  top: 0.12rem;
  right: 0.12rem;
  width: 0.52rem;
  height: 0.52rem;
  border: 0;
  padding: 0;
  background: none;
  color: #9fb5ab;
  cursor: pointer;
  z-index: 2;
}
.co-jkp__rule svg { width: 0.44rem; height: 0.44rem; }
.co-jkp__daily {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.08rem;
  color: var(--accent-green);
  font-size: 0.38rem;
  font-weight: 800;
  line-height: 1;
  position: relative;
  margin-top: 0;
}
.co-jkp__daily img {
  display: none;
}
.co-jkp__daily:before,
.co-jkp__daily:after {
  content: "";
  width: 0.92rem;
  height: 1.08rem;
  flex: 0 0 0.92rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/png;base64,UklGRuYBAABXRUJQVlA4TNoBAAAvLwAOEF+BoG3beDt/rGew0FDQto3kPUCOP8ddGbdtI4nO9I9pdl6zhxFEso37Cf6rKiFRfgMngQD/7bT3QgKGQhyAAWUgrSoGI39BKsQ7QNAM0uJH1VVVZIGW5HhV9esDNaoqX6zpZt9f6905kG3btto22ytXurZDUsyYVnhu7v9/oUM6xceI/k+A/qz5pfNlicZXgs5Pllpg8FMO2kCS2xl3NhLNj0FqenkOEO5TrMzNE+9u5XZ2TBA28hobaWlDltvEDz1Klt3cw3IZA1s3G95N2Y0KAiST425xXGe5HQdp2ytfzcuGstl0FWQvM6AEark9chvMz6yAEEd5Hq2W+r0jaakXoptDGX9WSzi6scC7vRud39kqmxddihA7WTq6kTS7V6L2pNMOR2OABFzUOtEzt0dZeHOiE4Rlp4rai/KYtRwgSuZDUu7DTROdNJHbUZHGxxkglI0gyvYOZE9F2ui0h6SWvTRM9X7/ALUa6PWUbDqLkMrYNFDryN0w1VAAHHUpbhqIUylfjtVa6u9TsbjfQjLL07y/Asi5m5f3VVXFh6e46/IUrwBb5QSF3s2XSGXfZ936OkgVsH1P0plk3/a+QdrosxfKqQbTFyNv03zjSO1MMXr7Hwo=");
  pointer-events: none;
}
.co-jkp__daily:after { transform: scaleX(-1); }
.co-jkp__pool-label {
  display: none;
}
.co-jkp__hero-amount {
  margin: 0.04rem 0 0;
  min-height: 1.12rem;
  padding: 0.22rem 0.16rem;
  border-radius: 0.18rem;
  background: #0b100e;
  box-shadow: inset 0 0.06rem 0.16rem rgba(0, 0, 0, 0.78);
  color: var(--accent-green);
  font-size: 0.56rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.012em;
  text-align: center;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.co-jkp__hero-me {
  display: flex;
  justify-content: center;
  gap: 0.28rem;
  margin-top: 0.08rem;
  color: #ffffff;
  font-size: 0.22667rem;
  font-weight: 700;
}
.co-jkp__hero-me b {
  color: var(--accent-green);
  font-weight: 800;
}

.co-jkp__pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.2rem;
  margin-top: 0.2rem;
  align-items: stretch;
}
@media (max-width: 340px) {
  .co-jkp__pair { grid-template-columns: 1fr; }
}
.co-jkp__card {
  position: relative;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 3.35rem;
  padding: 0.38rem 0.18rem 0.2rem;
  border-radius: 0.24rem;
  background: #333939;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  overflow: hidden;
}
.co-jkp__sash {
  position: absolute;
  top: 0.3rem;
  left: -0.58rem;
  width: 2.05rem;
  height: 0.42rem;
  line-height: 0.42rem;
  background: var(--accent-green);
  color: #fff;
  font-size: 0.2rem;
  font-weight: 800;
  text-align: center;
  transform: rotate(-38deg);
  z-index: 3;
  pointer-events: none;
  box-shadow: 0 0.02rem 0.06rem rgba(0, 0, 0, 0.28);
  letter-spacing: 0.02em;
}
.co-jkp__card-title {
  margin: 0 0 0.16rem;
  color: var(--accent-green);
  font-size: 0.32rem;
  font-weight: 800;
  text-align: center;
}
.co-jkp__champ {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.18rem;
  text-align: left;
  min-width: 0;
  padding: 0 0.08rem 0.04rem;
}
.co-jkp__who { min-width: 0; }
.co-jkp__avatar {
  position: relative;
  width: 1.28rem;
  height: 1.28rem;
  flex: none;
  border-radius: 50%;
  overflow: visible;
  background: transparent;
}
.co-jkp__face {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  background: var(--surface-deep);
}
.co-jkp__portrait {
  width: 100%;
  height: 100%;
  max-width: none;
  display: block;
  object-fit: cover;
  object-position: 50% 18%;
  border-radius: 50%;
  margin: 0;
}
.co-jkp__crown {
  position: absolute;
  left: 50%;
  top: -0.26rem;
  width: 0.76rem;
  height: 0.42rem;
  margin: 0 !important;
  transform: translateX(-50%);
  z-index: 3;
  pointer-events: none;
  overflow: visible;
}
.co-jkp__who-id { color: var(--text-primary); font-size: 0.28rem; font-weight: 800; }
.co-jkp__who-turn { color: var(--text-muted); font-size: 0.24rem; font-weight: 700; }
.co-jkp__who-prize { color: var(--accent-green); font-size: 0.26667rem; font-weight: 800; }
.co-jkp__mine-value {
  color: #fff;
  font-size: 0.72rem;
  font-weight: 800;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.co-jkp__cta {
  display: block;
  width: 70%;
  margin: 0.16rem auto 0;
  border: 0;
  border-radius: 0.18rem;
  background: var(--accent-green);
  color: var(--gobet-ink);
  font-size: 0.29333rem;
  font-weight: 800;
  padding: 0.16rem 0;
  cursor: pointer;
}

.co-jkp__meta {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 0.12rem;
  margin-top: 0.22rem;
}
.co-jkp__ribbon {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.08rem;
  height: 0.64rem;
  padding: 0 0.28rem 0 0.16rem;
  background: #24ee89;
  color: #06301d;
  font-size: 0.24rem;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
}
.co-jkp__ribbon:after {
  content: "";
  position: absolute;
  right: -0.22rem;
  top: 0;
  width: 0.44rem;
  height: 0.64rem;
  background: #24ee89;
  transform: skewX(-28deg);
}
.co-jkp__ribbon svg { width: 0.32rem; height: 0.32rem; position: relative; z-index: 1; }
.co-jkp__ribbon span { position: relative; z-index: 1; }
.co-jkp__meta-date {
  color: #fff;
  font-size: 0.29333rem;
  font-weight: 700;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.co-jkp__hist {
  height: 0.64rem;
  padding: 0 0.22rem;
  border: 0;
  border-radius: 0.12rem;
  background: #f2f6f9;
  color: #1c1e1e;
  font-size: 0.26667rem;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.08rem;
}
.co-jkp__hist svg { width: 0.28rem; height: 0.28rem; }

.co-jkp__table {
  margin-top: 0.18rem;
  border-radius: 0.2rem;
  overflow: hidden;
  background: var(--surface-deep);
}
.co-jkp__thead,
.co-jkp__row {
  display: grid;
  grid-template-columns: var(--rank-column-width) var(--uid-column-width) minmax(var(--turn-column-width), 1fr) var(--prize-column-width);
  align-items: center;
  column-gap: var(--row-gap);
  padding: 0.2rem 0.22rem;
  min-height: 1.28rem;
  box-sizing: border-box;
}
.co-jkp__thead {
  color: var(--text-muted);
  font-size: 0.22667rem;
  font-weight: 700;
  min-height: 0.76rem;
  padding-top: 0.12rem;
  padding-bottom: 0.12rem;
  border-bottom: 1px solid var(--divider);
}
.co-jkp__row {
  border-top: 1px solid var(--divider);
  font-size: 0.26667rem;
  background: var(--surface-deep);
}
.co-jkp__row:nth-child(odd) { background: var(--table-row); }
.co-jkp__row--me { background: rgba(24, 229, 138, 0.08); }
.co-jkp__rk {
  color: var(--text-muted);
  font-weight: 800;
  padding-right: 0.12rem;
  text-align: left;
  white-space: nowrap;
}
.co-jkp__medal { width: 0.62rem; height: 0.62rem; display: block; border-radius: 50%; }
.co-jkp__player { color: var(--text-muted); font-weight: 700; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.co-jkp__turn { color: var(--text-muted); font-weight: 700; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.co-jkp__prize { color: var(--accent-green); font-weight: 800; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.co-jkp__more {
  display: block;
  width: 100%;
  padding: 0.24rem;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  background: transparent;
  color: var(--accent-green);
  font-weight: 800;
  cursor: pointer;
}
.co-jkp__empty {
  padding: 1.2rem 0.3rem;
  text-align: center;
  color: #8fa39a;
  font-size: 0.29333rem;
}
.co-jkp__empty img,
.co-jkp__empty svg { width: 2.2rem; height: 2.2rem; display: block; margin: 0 auto 0.24rem; }

.co-jkp__bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  display: flex;
  justify-content: center;
  gap: 0.44rem;
  align-items: center;
  min-height: calc(0.96rem + env(safe-area-inset-bottom, 0px));
  padding: 0 0.28rem env(safe-area-inset-bottom, 0px);
  border-radius: 0;
  background: #1a9b5c;
  color: #fff;
  font-size: 0.32rem;
  font-weight: 800;
  box-shadow: 0 -0.04rem 0.18rem rgba(0, 0, 0, 0.22);
}
.co-jkp__bar b {
  color: inherit;
  font-weight: 800;
}
.co-jkp__bar-star {
  display: inline-block;
  width: 0.32rem;
  height: 0.32rem;
  margin-right: 0.1rem;
  background: #ffe566;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.4 7.2H22l-6 4.4 2.3 7.2L12 16.8 5.7 20.8 8 13.6 2 9.2h7.6z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.4 7.2H22l-6 4.4 2.3 7.2L12 16.8 5.7 20.8 8 13.6 2 9.2h7.6z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.co-jkp__fab {
  position: absolute;
  right: 0.32rem;
  bottom: calc(1.5rem + env(safe-area-inset-bottom, 0px));
  width: 0.96rem;
  height: 0.96rem;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: #24ee89;
  color: #06301d;
  opacity: 0;
  pointer-events: none;
  z-index: 5;
  cursor: pointer;
}
.co-jkp__fab.is-on { opacity: 1; pointer-events: auto; }
.co-jkp__fab svg { width: 0.44rem; height: 0.44rem; }

.co-jkp__overlay {
  position: absolute;
  inset: 0;
  z-index: 8;
  display: flex;
  flex-direction: column;
  background: #1a1f1e;
}
.co-jkp__overlay-head {
  flex: none;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  min-height: 1.17333rem;
  padding: 0 0.28rem;
}
.co-jkp__overlay-title { text-align: center; font-size: 0.4rem; font-weight: 800; }
.co-jkp__overlay-x {
  justify-self: end;
  width: 0.64rem;
  height: 0.64rem;
  border: 0;
  background: none;
  color: #cfe0d8;
  cursor: pointer;
}
.co-jkp__overlay-x svg { width: 0.4rem; height: 0.4rem; }
.co-jkp__overlay-body { flex: 1; overflow-y: auto; padding: 0.4rem 0.28rem 1rem; }
.co-jkp__stepper {
  display: grid;
  grid-template-columns: 0.8rem 1fr 0.8rem;
  align-items: center;
  margin-bottom: 0.16rem;
}
.co-jkp__step {
  width: 0.7rem;
  height: 0.7rem;
  border: 0;
  border-radius: 0.16rem;
  background: rgba(255,255,255,.06);
  color: #cfe0d8;
  cursor: pointer;
}
.co-jkp__step:disabled { opacity: .3; }
.co-jkp__step svg { width: 0.3rem; height: 0.3rem; }
.co-jkp__step-label { text-align: center; font-weight: 800; }
.co-jkp__loading, .co-jkp__retry {
  padding: 1.4rem 0.4rem;
  text-align: center;
  color: #8fa39a;
  font-weight: 600;
}
.co-jkp__retry button {
  margin-top: 0.24rem;
  border: 0;
  border-radius: 0.16rem;
  background: #24ee89;
  color: #06301d;
  font-weight: 800;
  padding: 0.18rem 0.4rem;
  cursor: pointer;
}
.co-jkp__prizerow {
  display: flex;
  justify-content: space-between;
  gap: 0.2rem;
  padding: 0.24rem 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.co-jkp__prizerow-amt { color: #24ee89; font-weight: 800; }
.co-jkp__rules-body { color: #cfe0d8; font-size: 0.28rem; line-height: 1.7; }
.co-jkp__rules-body h4 { color: #24ee89; margin: 0.24rem 0 0.08rem; }
.co-jkp__rules-body h4:first-child { margin-top: 0; }