/* Live-result reference layout — scoped so the rest of the site stays unchanged. */
.live-result-page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:18px 14px 28px!important;
  background:#fff!important;
}

.live-result-board{
  width:100%!important;
  max-width:1420px!important;
  min-height:700px!important;
  margin:0 auto!important;
  padding:0 12px 30px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
  text-align:center!important;
  font-family:Georgia,"Times New Roman",serif!important;
}

.live-result-board .live-time-box{
  display:table!important;
  margin:0 auto 38px!important;
  padding:11px 23px 13px!important;
  border:3px solid #06bce9!important;
  border-radius:15px!important;
  background:#071b29!important;
  color:#ffc83d!important;
  box-shadow:0 10px 16px rgba(0,0,0,.22)!important;
  font-size:37px!important;
  font-weight:900!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}

.live-result-board .live-time-box span{color:#ffc83d!important}

.live-result-board h2{
  margin:0 0 36px!important;
  color:#111827!important;
  font-size:66px!important;
  font-weight:900!important;
  line-height:1.08!important;
}

.live-result-board .top-game{
  margin:0!important;
  color:#09aed5!important;
  font-size:92px!important;
  font-weight:900!important;
  line-height:1.03!important;
  text-shadow:0 2px 2px rgba(0,0,0,.20)!important;
}

.live-result-board .top-num{
  margin:10px 0 48px!important;
  color:#00ae59!important;
  font-size:104px!important;
  font-weight:900!important;
  line-height:.95!important;
  text-shadow:0 2px 2px rgba(0,0,0,.18)!important;
}

.live-result-board .top-num.wait{
  color:#ed0712!important;
  font-size:88px!important;
  line-height:1!important;
}

@media(max-width:760px){
  .live-result-page{padding:12px 8px 22px!important}
  .live-result-board{min-height:560px!important;padding:0 4px 24px!important}
  .live-result-board .live-time-box{
    max-width:100%!important;
    margin-bottom:30px!important;
    padding:9px 13px 10px!important;
    border-width:2px!important;
    border-radius:11px!important;
    font-size:clamp(16px,5.2vw,27px)!important;
  }
  .live-result-board h2{
    margin-bottom:30px!important;
    font-size:clamp(34px,9.3vw,54px)!important;
  }
  .live-result-board .top-game{font-size:clamp(54px,16vw,82px)!important}
  .live-result-board .top-num{margin:8px 0 42px!important;font-size:clamp(70px,21vw,100px)!important}
  .live-result-board .top-num.wait{font-size:clamp(58px,17vw,84px)!important}
}

@media(max-width:390px){
  .live-result-board .live-time-box{font-size:15px!important;padding-left:9px!important;padding-right:9px!important}
  .live-result-board h2{font-size:33px!important}
}

/* The same dynamic board on the homepage. */
.home-live-reference{
  width:100%!important;
  max-width:none!important;
  min-height:700px!important;
  margin:0!important;
  padding:18px 14px 30px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
  text-align:center!important;
  font-family:Georgia,"Times New Roman",serif!important;
}

.home-live-reference .live-time-box{
  display:table!important;
  margin:0 auto 38px!important;
  padding:11px 23px 13px!important;
  border:3px solid #06bce9!important;
  border-radius:15px!important;
  background:#071b29!important;
  color:#ffc83d!important;
  box-shadow:0 10px 16px rgba(0,0,0,.22)!important;
  font-size:37px!important;
  font-weight:900!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}

.home-live-reference .live-time-box span{color:#ffc83d!important}

.home-live-reference .v5-welcome-line{
  margin:0 0 36px!important;
  color:#111827!important;
  font-size:66px!important;
  font-weight:900!important;
  line-height:1.08!important;
}

.home-live-reference .v5-live-name{
  margin:0!important;
  color:#09aed5!important;
  font-size:92px!important;
  font-weight:900!important;
  line-height:1.03!important;
  text-shadow:0 2px 2px rgba(0,0,0,.20)!important;
}

.home-live-reference .v5-live-number,
.home-live-reference .v5-live-number.alt{
  margin:10px 0 48px!important;
  color:#00ae59!important;
  font-size:104px!important;
  font-weight:900!important;
  line-height:.95!important;
  text-shadow:0 2px 2px rgba(0,0,0,.18)!important;
}

.home-live-reference .v5-live-number.wait,
.home-live-reference .v5-live-number.alt.wait{
  color:#ed0712!important;
  font-size:88px!important;
  line-height:1!important;
}

@media(max-width:760px){
  .home-live-reference{min-height:560px!important;padding:12px 8px 24px!important}
  .home-live-reference .live-time-box{
    max-width:100%!important;
    margin-bottom:30px!important;
    padding:9px 13px 10px!important;
    border-width:2px!important;
    border-radius:11px!important;
    font-size:clamp(16px,5.2vw,27px)!important;
  }
  .home-live-reference .v5-welcome-line{margin-bottom:30px!important;font-size:clamp(34px,9.3vw,54px)!important}
  .home-live-reference .v5-live-name{font-size:clamp(54px,16vw,82px)!important}
  .home-live-reference .v5-live-number,
  .home-live-reference .v5-live-number.alt{margin:8px 0 42px!important;font-size:clamp(70px,21vw,100px)!important}
  .home-live-reference .v5-live-number.wait,
  .home-live-reference .v5-live-number.alt.wait{font-size:clamp(58px,17vw,84px)!important}
}

@media(max-width:390px){
  .home-live-reference .live-time-box{font-size:15px!important;padding-left:9px!important;padding-right:9px!important}
  .home-live-reference .v5-welcome-line{font-size:33px!important}
}