/* mobile-single-results-release: 20260824-mobile-single-results-all-api-history-r515-20260825-mobile-single-results-acceptance-r516-20260825-mobile-single-first-frame-pixel-r517 */

body[data-mobile-single-results] {
  overflow-x: hidden;
}

body[data-mobile-single-results] #mobileDetail {
  min-height: 100vh;
  overflow-x: hidden;
  background: #fff;
}

body[data-mobile-single-results] #mobileDetail .detail-titlebar {
  box-sizing: border-box;
  height: 52px;
  min-height: 52px;
}

body[data-mobile-single-results] #mobileDetail .lottery-current.mobile-single-current {
  box-sizing: border-box;
  height: 182.78125px;
  min-height: 182.78125px;
  overflow: hidden;
}

body[data-mobile-single-results] #mobileDetail .lottery-current.mobile-single-current p {
  white-space: nowrap;
}

body[data-mobile-single-results] #mobileDetail .mobile-single-schedule {
  color: #666;
  font-weight: 400;
}

body[data-mobile-single-results] #mobileDetail .detail-result-line {
  display: none !important;
}

.mobile-single-result-tail,
.mobile-single-result-tail * {
  box-sizing: border-box;
}

.mobile-single-result-tail {
  width: 390px;
  max-width: 100%;
  color: #555;
  background: #fff;
  font-family: Arial, "Microsoft YaHei", sans-serif;
}

.single-second-menu {
  position: relative;
  height: 46.7578125px;
  padding-left: 10.3984375px;
  border-bottom: 1px solid #eee;
  background: #fff;
}

.single-second-menu button {
  position: relative;
  width: 74.8828125px;
  height: 45.7578125px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #f4831e;
  font-size: 13.52px;
  line-height: 45.7578125px;
  text-align: left;
}

.single-second-menu button span {
  position: relative;
  display: inline-block;
}

.single-second-menu button span > i {
  position: absolute;
  right: -9px;
  bottom: 7px;
  left: 0;
  height: 2px;
  background: #f4831e;
  border-radius: 1px;
}

.drawCodebox {
  position: relative;
  width: 100%;
  padding-top: 0;
  border-top: 1px solid rgb(210, 210, 210);
  min-height: calc(100vh - 280px);
  background: #fff;
}

#time_select {
  position: relative;
  display: block;
  width: 90.6015625px;
  height: 22.875px;
  margin: 0 10.3984375px 15.5625px auto;
  padding: 0 18px 0 0;
  border: 0;
  background: transparent;
  color: #777;
  font-size: 13.52px;
  line-height: 22.875px;
  text-align: right;
  white-space: nowrap;
}

.linebox {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 45.7578125px;
  padding-right: 10.3984375px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background: #fff;
}

.linebox button {
  height: 24.953125px;
  padding: 0;
  border: 0;
  border-radius: 11.44px;
  background: #f5f5f5;
  color: #666;
  font-size: 13.52px;
  line-height: 24.953125px;
  text-align: center;
}

.linebox #xshm {
  width: 115.8828125px;
}

.linebox #gjlh {
  width: 147.09375px;
}

.linebox button.spanchecked {
  background: rgb(251, 142, 25);
  color: #fff;
}

.single-number-list {
  width: 100%;
  background: #fff;
}

.single-history-row {
  display: grid;
  grid-template-columns: 98.796875px 0 minmax(0, 1fr);
  align-items: center;
  min-height: 44.6796875px;
  border-bottom: 1px solid #eee;
  background: #fff;
  font-size: 12.48px;
}

.single-time {
  grid-column: 1;
  padding-left: 10.3984375px;
  color: #777;
  white-space: nowrap;
}

.single-issue {
  display: none;
}

.single-result {
  grid-column: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  padding: 0 19.796875px 0 3.8828125px;
}

.single-ball {
  display: inline-flex;
  flex: 0 0 26.828125px;
  width: 26.828125px;
  height: 27.0390625px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 16.64px;
  font-style: normal;
  line-height: 27.0390625px;
}

.single-ball-orange {
  background: rgb(245, 178, 38);
  color: #111;
}

.single-ball-green {
  background: rgb(71, 171, 81);
  color: #fff;
}

.single-ball-red {
  background: rgb(216, 44, 33);
  color: #fff;
}

.single-ball-blue {
  background: rgb(40, 120, 205);
  color: #fff;
}

.single-summary {
  display: block;
  width: 100%;
  color: #555;
  font-size: 14.56px;
  text-align: center;
}

.mobile-single-picker {
  position: fixed;
  z-index: 2147483000;
  inset: 0;
  font-family: Arial, "Microsoft YaHei", sans-serif;
}

.single-picker-mask {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .42);
}

.single-picker-panel {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 265px;
  background: #fff;
}

.single-picker-title {
  display: grid;
  grid-template-columns: 70px 1fr 70px;
  align-items: center;
  height: 65px;
  border-bottom: 1px solid #eee;
  color: #333;
  font-size: 15px;
  text-align: center;
}

.single-picker-title strong {
  font-weight: 400;
}

.single-picker-title button {
  height: 65px;
  border: 0;
  background: transparent;
  color: #777;
  font-size: 14px;
}

.single-picker-title .single-picker-confirm {
  color: #f4831e;
}

.single-picker-wheels {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  height: 200px;
  overflow: hidden;
}

.single-picker-wheel {
  position: relative;
  z-index: 2;
  height: 200px;
  padding: 80px 0;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  scroll-snap-type: y mandatory;
  -webkit-overflow-scrolling: touch;
}

.single-picker-wheel::-webkit-scrollbar {
  display: none;
}

.single-picker-wheel button {
  display: block;
  width: 100%;
  height: 40px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #555;
  font-size: 16px;
  line-height: 40px;
  scroll-snap-align: center;
}

.single-picker-selection {
  position: absolute;
  z-index: 1;
  top: 80px;
  right: 0;
  left: 0;
  height: 40px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  pointer-events: none;
}

body.mobile-single-picker-open {
  overflow: visible !important;
}

@media (min-width: 391px) {
  .mobile-single-result-tail {
    margin: 0 auto;
  }
}

body[data-mobile-single-results] #mobileDetail .mobile-single-titlebar {
  display: grid;
  grid-template-columns: 52px 1fr 52px;
  align-items: center;
}

body[data-mobile-single-results] #mobileDetail .mobile-single-titlebar h1 {
  margin: 0;
  overflow: hidden;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mobile-single-back-glyph {
  display: block;
  color: #555;
  font-family: Arial, sans-serif;
  font-size: 34px;
  font-weight: 300;
  line-height: 1;
}

.mobile-single-current-balls {
  display: flex;
  align-items: center;
  justify-content: space-around;
  min-height: 64px;
  padding: 0 15px;
}

.mobile-single-countdown-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 50px;
  padding: 0 16px;
  color: #777;
  font-size: 18px;
}

.mobile-single-countdown-value strong {
  color: #e33125;
  font-size: 18px;
  font-weight: 400;
}


/* r489: source-measured current draw and history ball contracts at 390x844. */
body[data-mobile-single-results] #mobileDetail .lottery-current.mobile-single-current {
  position: relative;
  height: 140.390625px;
  min-height: 140.390625px;
  padding: 0;
}

body[data-mobile-single-results] #mobileDetail .lottery-current.mobile-single-current p {
  position: absolute;
  top: 20.796875px;
  left: 10.3984375px;
  width: 369.203125px;
  height: 23px;
  margin: 0;
  color: #333;
  font-size: 16.64px;
  font-weight: 400;
  line-height: 23px;
}

body[data-mobile-single-results] #mobileDetail .lottery-current.mobile-single-current p strong {
  font-size: 16.64px;
  font-weight: 400;
}

body[data-mobile-single-results] #mobileDetail .lottery-current.mobile-single-current p .mobile-single-schedule {
  font-size: 12.48px;
  line-height: 17px;
}

body[data-mobile-single-results] #mobileDetail .detail-lottery-number-row.current,
body[data-mobile-single-results] #mobileDetail .mobile-single-current-balls {
  position: absolute;
  top: 50.953125px;
  left: 10.3984375px;
  display: flex;
  width: 369.203125px;
  height: 26px;
  min-height: 26px;
  align-items: center;
  justify-content: flex-start;
  gap: 12.0625px;
  margin: 0;
  padding: 0;
}

body[data-mobile-single-results] #mobileDetail .mobile-single-current-ball {
  display: block;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  color: #fff;
  font-size: 17.68px;
  font-style: normal;
  line-height: 26px;
  text-align: center;
}

body[data-mobile-single-results] #mobileDetail .mobile-single-current-ball-orange {
  background: rgb(245, 178, 38);
  color: rgb(0, 1, 2);
}

body[data-mobile-single-results] #mobileDetail .mobile-single-current-ball-green {
  background: rgb(145, 230, 24);
  color: rgb(0, 1, 2);
}

body[data-mobile-single-results] #mobileDetail .mobile-single-current-ball-yellow {
  background: rgb(254, 240, 42);
  color: rgb(0, 1, 2);
}

body[data-mobile-single-results] #mobileDetail .mobile-single-current-ball-tw-red {
  background: rgb(216, 44, 33);
}

body[data-mobile-single-results] #mobileDetail .mobile-single-current-ball-current-red {
  background: rgb(255, 0, 0);
}

body[data-mobile-single-results] #mobileDetail .mobile-single-current-ball-current-blue {
  background: rgb(0, 146, 221);
}

body[data-mobile-single-results] #mobileDetail .mobile-single-current-ball-current-lightblue {
  background: rgb(25, 166, 218);
}

body[data-mobile-single-results] #mobileDetail .detail-progress-line,
body[data-mobile-single-results] #mobileDetail .mobile-single-countdown-line {
  position: absolute;
  top: 93.453125px;
  left: 10.3984375px;
  display: flex;
  width: 369.203125px;
  height: 15.6015625px;
  min-height: 15.6015625px;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  color: #666;
  font-size: 14.56px;
  line-height: 15.6015625px;
}

body[data-mobile-single-results] #mobileDetail .detail-progress-line > span:first-child,
body[data-mobile-single-results] #mobileDetail .mobile-single-countdown-line > span:first-child {
  flex: 0 0 118.5px;
  width: 118.5px;
  font-size: 14.56px;
  line-height: 15.6015625px;
}

body[data-mobile-single-results] #mobileDetail .detail-progress-line > b,
body[data-mobile-single-results] #mobileDetail .mobile-single-countdown-line > b {
  position: relative;
  display: block;
  flex: 0 0 186.96875px;
  width: 186.96875px;
  height: 4.15625px;
  margin: 5.765625px 0 0;
  overflow: hidden;
  border-radius: 2.078125px;
  background: #d7d7d7;
}

body[data-mobile-single-results] #mobileDetail .mobile-single-countdown-line > b > i {
  display: block;
  width: 99%;
  height: 100%;
  border-radius: inherit;
  background: #f12d35;
}

body[data-mobile-single-results] #mobileDetail .detail-progress-line > strong,
body[data-mobile-single-results] #mobileDetail .mobile-single-countdown-value {
  display: block;
  flex: 0 0 63.734375px;
  width: 63.734375px;
  padding-left: 7.28125px;
  color: rgb(255, 38, 0);
  font-size: 14.56px;
  font-weight: 400;
  line-height: 15.6015625px;
  white-space: nowrap;
}

body[data-mobile-single-results] #mobileDetail .mobile-single-countdown-value strong {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.linebox {
  justify-content: flex-start;
  padding: 0 10.3984375px;
}

.single-column-labels {
  display: flex;
  flex: 0 0 85.4296875px;
  width: 85.4296875px;
  height: 45.7578125px;
  color: #666;
  font-size: 12.48px;
  line-height: 45.7578125px;
}

.single-column-labels span:first-child {
  flex: 0 0 54.234375px;
  width: 54.234375px;
}

.single-column-labels span:last-child {
  flex: 0 0 31.1953125px;
  width: 31.1953125px;
  padding-right: 6.234375px;
}

.single-mode-buttons {
  display: flex;
  flex: 0 0 262.9765625px;
  width: 262.9765625px;
  height: 24.953125px;
  margin-left: 20.796875px;
}

.single-history-row {
  height: 44.6796875px;
  min-height: 44.6796875px;
  align-items: start;
  grid-template-columns: 49.2421875px 49.5546875px minmax(0, 1fr);
}

.single-time,
.single-issue {
  align-self: stretch;
  padding-top: 3px;
  color: #777;
  font-size: 11.44px;
  line-height: 43.6796875px;
  white-space: nowrap;
}

.single-time {
  grid-column: 1;
  padding-left: 10.3984375px;
}

.single-issue {
  display: block;
  grid-column: 2;
}

.single-result {
  grid-column: 3;
  height: 44.6796875px;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 13.2890625px;
  padding: 13.3984375px 0 0 3.8828125px;
}

body[data-mobile-single-results="10072"] .single-result,
body[data-mobile-single-results="10044"] .single-result {
  gap: 29.3359375px;
  padding-left: 11.90625px;
}

body[data-mobile-single-results="10042"] .single-result {
  gap: 8.2734375px;
  padding-left: 1.375px;
}

body[data-mobile-single-results="10041"] .single-result {
  gap: 57.4140625px;
  padding-left: 25.9453125px;
}

body[data-mobile-single-results="10043"] .single-result {
  gap: 66.7734375px;
  padding-left: 30.6328125px;
}

.single-ball-green {
  background: rgb(145, 230, 24);
  color: rgb(0, 1, 2);
}

.single-ball-yellow {
  background: rgb(254, 240, 42);
  color: rgb(0, 1, 2);
}

.single-ball-tw-red {
  background: rgb(216, 44, 33);
  color: #fff;
}

.single-ball-red,
.single-ball-blue,
.single-ball-lightblue {
  border-radius: 0;
  background-color: transparent;
  background-image: url("../assets/pc9567-mobile-number-sprite.png");
  background-repeat: no-repeat;
  background-size: 368.16px;
  color: #fff;
}

.single-ball-red {
  background-position: -196.352px -122.72px;
}

.single-ball-blue {
  background-position: -165.152px -122.72px;
}

.single-ball-lightblue {
  background-position: -258.752px -122.72px;
}


/* r490: source-measured typography, controls, picker, rows and mobile footer at 390x844. */
body[data-mobile-single-results],
body[data-mobile-single-results] #mobileDetail,
body[data-mobile-single-results] #mobileDetail button,
body[data-mobile-single-results] #mobileDetail .mobile-single-current-ball,
body[data-mobile-single-results] #mobileDetail .single-ball,
body[data-mobile-single-results] #mobileDetail .single-history-row {
  font-family: "microsoft yahei", "Microsoft YaHei", sans-serif;
}

body[data-mobile-single-results] #mobileDetail .detail-titlebar,
body[data-mobile-single-results] #mobileDetail .mobile-single-titlebar {
  position: relative;
  display: block;
  padding: 0;
}

body[data-mobile-single-results] #mobileDetail .detail-titlebar h1,
body[data-mobile-single-results] #mobileDetail .mobile-single-titlebar h1 {
  position: absolute;
  inset: 0;
  width: auto;
  height: 52px;
  margin: 0;
  color: #000;
  font-family: "microsoft yahei", "Microsoft YaHei", sans-serif;
  font-size: 18.72px;
  font-weight: 400;
  line-height: 52px;
  text-align: center;
}

body[data-mobile-single-results] #mobileDetail [data-detail-back] {
  position: absolute;
  z-index: 2;
  top: 13.5px;
  left: 10.3984375px;
  display: block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  padding: 0;
  border: 0;
  background: transparent;
}

body[data-mobile-single-results] #mobileDetail [data-detail-back] svg,
body[data-mobile-single-results] #mobileDetail [data-detail-back] .mobile-single-back-glyph {
  display: block;
  width: 24px;
  height: 24px;
  color: #111;
  font-size: 31px;
  line-height: 20px;
}

body[data-mobile-single-results] #mobileDetail .detail-titlebar button:not([data-detail-back]),
body[data-mobile-single-results] #mobileDetail .detail-header button:not([data-detail-back]) {
  display: none !important;
}

body[data-mobile-single-results] #mobileDetail .lottery-current.mobile-single-current,
body[data-mobile-single-results] #mobileDetail .lottery-current.mobile-single-current p,
body[data-mobile-single-results] #mobileDetail .lottery-current.mobile-single-current p strong,
body[data-mobile-single-results] #mobileDetail .mobile-single-schedule {
  font-family: "microsoft yahei", "Microsoft YaHei", sans-serif;
}

body[data-mobile-single-results] #mobileDetail .detail-progress-line,
body[data-mobile-single-results] #mobileDetail .mobile-single-countdown-line {
  gap: 0;
  font-family: "microsoft yahei", "Microsoft YaHei", sans-serif;
}

body[data-mobile-single-results] #mobileDetail .detail-progress-line > span:first-child,
body[data-mobile-single-results] #mobileDetail .mobile-single-countdown-line > span:first-child {
  flex-basis: 117.921875px;
  width: 117.921875px;
}

body[data-mobile-single-results] #mobileDetail .detail-progress-line > b,
body[data-mobile-single-results] #mobileDetail .mobile-single-countdown-line > b {
  flex-basis: 184.6484375px;
  width: 184.6484375px;
  border-radius: 4.15625px;
  background: rgb(197, 197, 197);
}

body[data-mobile-single-results] #mobileDetail .detail-progress-line > b > i,
body[data-mobile-single-results] #mobileDetail .mobile-single-countdown-line > b > i {
  border-radius: 4.15625px;
  background: rgb(255, 38, 0);
}

body[data-mobile-single-results] #mobileDetail .detail-progress-line > strong,
body[data-mobile-single-results] #mobileDetail .mobile-single-countdown-value {
  flex-basis: 66.6328125px;
  width: 66.6328125px;
  padding-left: 0;
  font-family: "microsoft yahei", "Microsoft YaHei", sans-serif;
  text-align: right;
}

.single-second-menu {
  border-bottom-color: rgb(219, 219, 219);
}

.single-second-menu button {
  margin: 0 5.2px 0 0;
  padding: 0 10.3984375px;
  color: rgb(251, 142, 25);
  font-family: "microsoft yahei", "Microsoft YaHei", sans-serif;
}

.single-second-menu .single-second-menu-label {
  position: relative;
  display: inline-block;
  width: 74.8828125px;
  height: 45.7578125px;
  margin: 0 5.2px 0 0;
  padding: 0 10.3984375px;
  box-sizing: border-box;
  color: rgb(251, 142, 25);
  font-family: "microsoft yahei", "Microsoft YaHei", sans-serif;
  font-size: 13.52px;
  line-height: 45.7578125px;
  text-align: left;
}

.single-second-menu .single-second-menu-label > .single {
  position: relative;
  display: inline-block;
}

.single-second-menu button span > i {
  right: 0;
  bottom: 0;
  left: 0;
  height: 0;
  border-bottom: 1px solid rgb(251, 142, 25);
  border-radius: 0;
  background: transparent;
}

.drawCodebox {
  padding-top: 0;
}

.drawCodebox::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  left: 0;
  height: 38.4375px;
  border-bottom: 1px solid rgb(219, 219, 219);
  background: rgb(245, 245, 245);
}

body[data-mobile-single-results] #time_select {
  z-index: 1;
  height: 38.4375px;
  margin: 0 10.3984375px 0 auto;
  padding: 0 15.6px 0 0;
  color: #000;
  font-family: "microsoft yahei", "Microsoft YaHei", sans-serif;
  font-size: 12.48px;
  line-height: 37.44px;
}

body[data-mobile-single-results] #time_select[data-ui-date-trigger="dom"] {
  display: inline-flex;
  padding: 0;
  align-items: center;
  justify-content: center;
  gap: 7px;
  line-height: normal;
  text-align: center;
}

body[data-mobile-single-results] #time_select .ui-date-trigger-label {
  min-width: 0;
  line-height: normal;
}

body[data-mobile-single-results] #time_select.active .ui-date-trigger-label,
body[data-mobile-single-results] #time_select > span.checkspan {
  color: rgb(251, 142, 25);
}

.linebox {
  border-top: 0;
  border-bottom: 0;
  background: transparent;
}

.linebox button {
  border-radius: 0;
  background: transparent;
  color: #333;
  font-family: "microsoft yahei", "Microsoft YaHei", sans-serif;
  font-size: 12.48px;
}

.linebox button.spanchecked {
  border-radius: 11.44px;
  background: rgb(251, 142, 25);
  color: #fff;
}

.single-number-list {
  padding-top: 0;
  border-top: 2px solid rgb(239, 239, 244);
}

.single-history-row {
  grid-template-columns: 51.8359375px 46.9609375px minmax(0, 1fr);
  border-top: 1px solid rgb(239, 239, 244);
  border-bottom: 0;
  font-family: "microsoft yahei", "Microsoft YaHei", sans-serif;
}

.single-time,
.single-issue {
  padding-top: 1px;
  color: #666;
  font-family: "microsoft yahei", "Microsoft YaHei", sans-serif;
}

.single-result {
  padding-top: 11.3984375px;
}

.single-ball {
  font-family: "microsoft yahei", "Microsoft YaHei", sans-serif;
}

.single-summary {
  display: flex;
  width: 100%;
  height: 27.0390625px;
  margin: 0;
  padding: 0;
  align-items: center;
  justify-content: space-around;
  color: #666;
  font-family: "microsoft yahei", "Microsoft YaHei", sans-serif;
  font-size: 14.56px;
  line-height: 27.0390625px;
  list-style: none;
}

.single-summary li {
  flex: 1 1 0;
  text-align: center;
}

.single-summary .single-summary-sum {
  color: rgb(241, 45, 53);
}

.single-summary .single-summary-attribute {
  color: #666;
}

.mobile-single-picker {
  z-index: 888;
  font-family: "microsoft yahei", "Microsoft YaHei", sans-serif;
}

.single-picker-mask {
  background: rgba(0, 0, 0, .7);
}

.single-picker-panel {
  z-index: 889;
}

.single-picker-title {
  position: relative;
  display: block;
  border-bottom: 0;
  color: #111;
  font-family: "microsoft yahei", "Microsoft YaHei", sans-serif;
  font-size: 15px;
  line-height: 65px;
}

.single-picker-title strong {
  display: block;
  height: 65px;
  font-weight: 400;
  line-height: 65px;
}

.single-picker-title button {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 55px;
  height: 45px;
  padding: 0;
  color: #111;
  font-family: "microsoft yahei", "Microsoft YaHei", sans-serif;
  font-size: 15px;
  line-height: 45px;
}

.single-picker-title .single-picker-cancel {
  left: 0;
}

.single-picker-title .single-picker-confirm {
  right: 0;
  color: #111;
}

.single-picker-wheel button {
  color: #aaa;
  font-family: "microsoft yahei", "Microsoft YaHei", sans-serif;
  font-size: 15px;
}

.single-picker-wheel button.selected {
  color: #111;
}

.single-picker-selection {
  border-color: #ddd;
}

/* 20260824-mobile-single-results-mobile-source-r491: mobile-source history formatting keeps r490 geometry. */


/* 20260824-mobile-single-results-live-pixel-parity-r496: ten-consumer source gutters, flex allocation and history geometry. */
body[data-mobile-single-results] #mobileDetail .lottery-current.mobile-single-current {
  isolation: isolate;
  height: 140.390625px;
  min-height: 140.390625px;
  max-height: 140.390625px;
  background: rgb(239, 239, 244);
}

body[data-mobile-single-results] #mobileDetail .lottery-current.mobile-single-current::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 10.3984375px;
  left: 0;
  width: 100%;
  height: 118.5546875px;
  background: #fff;
}

body[data-mobile-single-results] #mobileDetail .lottery-current.mobile-single-current > p,
body[data-mobile-single-results] #mobileDetail .lottery-current.mobile-single-current > .detail-lottery-number-row,
body[data-mobile-single-results] #mobileDetail .lottery-current.mobile-single-current > .mobile-single-current-balls,
body[data-mobile-single-results] #mobileDetail .lottery-current.mobile-single-current > .detail-progress-line,
body[data-mobile-single-results] #mobileDetail .lottery-current.mobile-single-current > .mobile-single-countdown-line {
  z-index: 1;
}

body[data-mobile-single-results] #mobileDetail .lottery-current.mobile-single-current > p {
  top: 20.796875px;
}

body[data-mobile-single-results] #mobileDetail .detail-lottery-number-row.current,
body[data-mobile-single-results] #mobileDetail .mobile-single-current-balls {
  top: 50.953125px;
}

body[data-mobile-single-results] #mobileDetail .mobile-single-schedule {
  margin-left: 4px;
}

body[data-mobile-single-results] #mobileDetail .detail-progress-line,
body[data-mobile-single-results] #mobileDetail .mobile-single-countdown-line {
  top: 93.453125px;
  display: flex;
  align-items: flex-start;
}

body[data-mobile-single-results] #mobileDetail .detail-progress-line > span:first-child,
body[data-mobile-single-results] #mobileDetail .mobile-single-countdown-line > span:first-child {
  flex: 1 0 71.76px;
  width: auto;
  height: 15.6015625px;
  margin: 0;
  padding: 0;
  font-size: 14.56px;
  line-height: 15.6015625px;
}

body[data-mobile-single-results] #mobileDetail .detail-progress-line > b,
body[data-mobile-single-results] #mobileDetail .mobile-single-countdown-line > b {
  flex: 4 0 0;
  width: 0;
  min-width: 0;
  height: 4.15625px;
  margin: 5.765625px 0 0;
}

body[data-mobile-single-results] #mobileDetail .detail-progress-line > strong,
body[data-mobile-single-results] #mobileDetail .mobile-single-countdown-value {
  box-sizing: content-box;
  flex: 0 0 auto;
  width: auto;
  min-width: .104px;
  height: 15.6015625px;
  margin: 0;
  padding: 0 0 0 7.28125px;
  color: rgb(255, 38, 0);
  font-size: 14.56px;
  font-weight: 400;
  line-height: 15.6015625px;
  text-align: right;
  white-space: nowrap;
}

.single-history-row {
  display: flex;
  box-sizing: border-box;
  height: 44.6796875px;
  min-height: 44.6796875px;
  padding: 0 10.3984375px;
  align-items: flex-start;
}

.single-time,
.single-issue {
  display: block;
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  height: 43.6796875px;
  align-self: auto;
  margin: 0;
  padding: 0;
  color: #666;
  font-size: 11.44px;
  line-height: 43.6796875px;
  white-space: nowrap;
}

.single-result {
  display: flex;
  box-sizing: border-box;
  flex: 0 0 280.8046875px;
  width: 280.8046875px;
  min-width: 280.8046875px;
  height: 43.6796875px;
  padding-top: 10.3984375px;
}

body[data-mobile-single-results="10070"] .single-result .single-ball:nth-child(n + 3),
body[data-mobile-single-results="10071"] .single-result .single-ball:nth-child(n + 3),
body[data-mobile-single-results="10072"] .single-result .single-ball:nth-child(n + 3),
body[data-mobile-single-results="10039"] .single-result .single-ball:nth-child(n + 3),
body[data-mobile-single-results="10040"] .single-result .single-ball:nth-child(n + 3),
body[data-mobile-single-results="10044"] .single-result .single-ball:nth-child(n + 3),
body[data-mobile-single-results="10045"] .single-result .single-ball:nth-child(n + 3) {
  transform: translateX(-0.0078125px);
}

/* r507: live-source contracts after the source placeholder resolves. */
body[data-mobile-single-results] .single-ball-orange {
  color: rgb(0, 1, 2);
}

body[data-mobile-single-results] .single-history-summary-row .single-result {
  padding: 10.3984375px 0 0;
  align-items: flex-start;
}

body[data-mobile-single-results] .single-history-summary-row .single-summary {
  display: flex;
  box-sizing: border-box;
  flex: 0 0 280.8046875px;
  width: 280.8046875px;
  height: 22.875px;
  margin: 0;
  padding: 0;
  gap: 12.0625px;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 12.48px;
  line-height: 22.88px;
}

body[data-mobile-single-results] .single-history-summary-row .single-summary li {
  box-sizing: border-box;
  flex: 0 0 31.1953125px;
  width: 31.1953125px;
  text-align: center;
}

body[data-mobile-single-results] .single-picker-panel {
  bottom: var(--ui-mobile-nav-height);
}

body[data-mobile-single-results] #mobileDetail .detail-progress-line > b > i,
body[data-mobile-single-results] #mobileDetail .mobile-single-countdown-line > b > i {
  width: 99% !important;
}

/* r509: source-measured picker motion contract at 390x844. */
body[data-mobile-single-results] .single-picker-panel {
  transform: translateY(381.1953125px);
  transition: transform .4s ease;
}

body[data-mobile-single-results] .mobile-single-picker.open .single-picker-panel {
  transform: translateY(0);
}

body[data-mobile-single-results] .mobile-single-picker.closing {
  pointer-events: none;
}

body[data-mobile-single-results] .mobile-single-picker.closing .single-picker-mask {
  visibility: hidden;
}

body[data-mobile-single-results] .single-picker-title {
  overflow: visible;
}

body[data-mobile-single-results] .single-picker-title strong {
  box-sizing: border-box;
  height: 68.3984375px;
  padding: 23.3984375px 58.5px 0;
  overflow: hidden;
  line-height: 45px;
}

body[data-mobile-single-results] .single-picker-title::after {
  content: "";
  position: absolute;
  z-index: 3;
  top: 68.3984375px;
  right: 0;
  left: 0;
  border-bottom: 1px solid rgb(238, 238, 238);
  pointer-events: none;
}

body[data-mobile-single-results] .single-picker-wheel {
  touch-action: none;
  scroll-snap-type: none;
}

body[data-mobile-single-results] .single-picker-wheel button,
body[data-mobile-single-results] .single-picker-wheel button.selected {
  color: rgb(0, 0, 0);
}

body[data-mobile-single-results] .single-picker-wheels::after {
  content: "";
  position: absolute;
  z-index: 3;
  inset: 0;
  background-image: linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0), rgb(255, 255, 255));
  opacity: .9;
  pointer-events: none;
}

body[data-mobile-single-results] .single-picker-selection {
  z-index: 4;
}



/* r510: source-only countdown ownership, 10041 mode geometry and picker start frame. */
body[data-mobile-single-results="10041"] .single-mode-buttons {
  flex: 0 0 221.078125px;
  width: 221.078125px;
  margin-left: 62.6953125px;
}

body[data-mobile-single-results="10041"] .linebox #xshm {
  width: 94.9375px;
}

body[data-mobile-single-results="10041"] .linebox #gjlh {
  width: 126.140625px;
}


/* r511: scale the complete 390px source contract to the actual mobile viewport. */
#mobileDetail[data-lot-code="10070"],
#mobileDetail[data-lot-code="10071"],
#mobileDetail[data-lot-code="10072"],
#mobileDetail[data-lot-code="10039"],
#mobileDetail[data-lot-code="10041"],
#mobileDetail[data-lot-code="10042"],
#mobileDetail[data-lot-code="10040"],
#mobileDetail[data-lot-code="10043"],
#mobileDetail[data-lot-code="10044"],
#mobileDetail[data-lot-code="10045"] {
  width: 390px;
  max-width: none;
  min-height: 0;
  margin: 0;
  zoom: calc(100vw / 390px);
}

/* 569-1020 uses the mobile/tablet shell without the phone-only 390px zoom canvas. */
@media (min-width: 569px) and (max-width: 1020px) {
  #mobileDetail[data-lot-code="10070"],
  #mobileDetail[data-lot-code="10071"],
  #mobileDetail[data-lot-code="10072"],
  #mobileDetail[data-lot-code="10039"],
  #mobileDetail[data-lot-code="10041"],
  #mobileDetail[data-lot-code="10042"],
  #mobileDetail[data-lot-code="10040"],
  #mobileDetail[data-lot-code="10043"],
  #mobileDetail[data-lot-code="10044"],
  #mobileDetail[data-lot-code="10045"] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    zoom: 1;
  }

  body[data-mobile-single-results] .mobile-single-result-tail {
    width: 100%;
    max-width: none;
  }
}

body[data-mobile-single-results] .mobile-single-result-tail {
  margin: 0;
}

.single-second-menu button span > i {
  display: none !important;
  border: 0 !important;
  background: transparent !important;
}

/* The generic shell must never expose the forbidden rule tab before the adapter owns the page. */
#mobileDetail[data-lot-code="10070"] .lottery-tabs,
#mobileDetail[data-lot-code="10071"] .lottery-tabs,
#mobileDetail[data-lot-code="10072"] .lottery-tabs,
#mobileDetail[data-lot-code="10039"] .lottery-tabs,
#mobileDetail[data-lot-code="10041"] .lottery-tabs,
#mobileDetail[data-lot-code="10042"] .lottery-tabs,
#mobileDetail[data-lot-code="10040"] .lottery-tabs,
#mobileDetail[data-lot-code="10043"] .lottery-tabs,
#mobileDetail[data-lot-code="10044"] .lottery-tabs,
#mobileDetail[data-lot-code="10045"] .lottery-tabs {
  display: none !important;
}

/* First-paint ball contracts, before MutationObserver reconciliation. */
#mobileDetail[data-lot-code="10070"] .detail-lottery-number-row.current .detail-ball:nth-child(-n + 6) {
  background: rgb(245, 178, 38) !important;
  color: rgb(0, 1, 2) !important;
}
#mobileDetail[data-lot-code="10070"] .detail-lottery-number-row.current .detail-ball:nth-child(7) {
  background: rgb(216, 44, 33) !important;
  color: #fff !important;
}
#mobileDetail[data-lot-code="10071"] .detail-lottery-number-row.current .detail-ball:nth-child(-n + 6) {
  background: rgb(145, 230, 24) !important;
  color: rgb(0, 1, 2) !important;
}
#mobileDetail[data-lot-code="10071"] .detail-lottery-number-row.current .detail-ball:nth-child(7),
#mobileDetail[data-lot-code="10039"] .detail-lottery-number-row.current .detail-ball:nth-child(-n + 6),
#mobileDetail[data-lot-code="10041"] .detail-lottery-number-row.current .detail-ball,
#mobileDetail[data-lot-code="10042"] .detail-lottery-number-row.current .detail-ball:nth-child(-n + 7),
#mobileDetail[data-lot-code="10040"] .detail-lottery-number-row.current .detail-ball:nth-child(-n + 5),
#mobileDetail[data-lot-code="10043"] .detail-lottery-number-row.current .detail-ball,
#mobileDetail[data-lot-code="10044"] .detail-lottery-number-row.current .detail-ball {
  background: rgb(255, 0, 0) !important;
  color: #fff !important;
}
#mobileDetail[data-lot-code="10072"] .detail-lottery-number-row.current .detail-ball {
  background: rgb(254, 240, 42) !important;
  color: rgb(0, 1, 2) !important;
}
#mobileDetail[data-lot-code="10039"] .detail-lottery-number-row.current .detail-ball:nth-child(7),
#mobileDetail[data-lot-code="10042"] .detail-lottery-number-row.current .detail-ball:nth-child(8),
#mobileDetail[data-lot-code="10040"] .detail-lottery-number-row.current .detail-ball:nth-child(n + 6),
#mobileDetail[data-lot-code="10045"] .detail-lottery-number-row.current .detail-ball:nth-child(-n + 4) {
  background: rgb(0, 146, 221) !important;
  color: #fff !important;
}
#mobileDetail[data-lot-code="10045"] .detail-lottery-number-row.current .detail-ball:nth-child(n + 5) {
  background: rgb(25, 166, 218) !important;
  color: #fff !important;
}


/* r512a: original mobile spacing, footer gap and date-chevron geometry.
 * The source ListHead starts after a .11rem separator; clearing the inherited
 * 9px detail border restores that 11.4375px band inside the measured current
 * block. The source applies .4rem bottom padding to both html and body, so
 * its final visible gap is .8rem - (24px + .2rem). Against the approved
 * 60px three-item rail the total reservation is 60px + .6rem - 24px. */
body[data-mobile-single-results] #mobileDetail .lottery-current.mobile-single-current {
  border-top: 0 !important;
}

body[data-mobile-single-results] #mobileDetail {
  padding-bottom: 0 !important;
}

body[data-mobile-single-results] {
  padding-bottom: calc(36px + 16vw + env(safe-area-inset-bottom, 0px)) !important;
}


/* r516: the original quick menu remains above the date mask. */
body[data-mobile-single-results].mobile-single-picker-open .bottom-nav {
  z-index: 10010;
}


/* 20260825-mobile-single-first-frame-pixel-r517: source-measured title, picker and separator colors. */
body[data-mobile-single-results] #mobileDetail .detail-titlebar {
  border-bottom-color: rgb(238, 238, 238);
}

body[data-mobile-single-results] .single-picker-title,
body[data-mobile-single-results] .single-picker-title strong,
body[data-mobile-single-results] .single-picker-title button,
body[data-mobile-single-results] .single-picker-title .single-picker-confirm {
  color: rgb(0, 0, 0);
}


/* Transactional date loading keeps the last trusted result visible and adds a source-sized retry row. */
body[data-mobile-single-results] .single-date-feedback {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12.0625px;
  width: 100%;
  height: 44.6796875px;
  padding: 0 10.3984375px;
  border-bottom: 1px solid rgb(238, 238, 238);
  background: #fff;
  color: rgb(102, 102, 102);
  font-size: 12.48px;
  line-height: 1;
}

body[data-mobile-single-results] .single-date-feedback[hidden] {
  display: none !important;
}

body[data-mobile-single-results] .single-date-feedback button {
  box-sizing: border-box;
  height: 28px;
  padding: 0 12px;
  border: 1px solid rgb(251, 142, 25);
  border-radius: 2px;
  background: #fff;
  color: rgb(251, 142, 25);
  font: inherit;
}