@import url("f335a3f5bf13cc75.css");

#gameList .games .game[data-code="S5G-H5-99928"]{
    display: none !important;
}
/* JILI EVENT IMAGE */
#gameList.JILI3 .games .game[data-code="686"] .image {
    background-image: url("https://xt30sf.b-cdn.net/media/dc050a09079a6154153fa.png") !important;
}
#gameList.JILI4 .games .game[data-code="686"] .image {
    background-image: url("https://xt30sf.b-cdn.net/media/dc050a09079a6154153fa.png") !important;
}

#gameList.JILI3 .games .game[data-code="680"] .image {
    background-image: url("https://xt30sf.b-cdn.net/media/be07edb5979a66ce83c67.png") !important;
}
#gameList.JILI4 .games .game[data-code="680"] .image {
    background-image: url("https://xt30sf.b-cdn.net/media/be07edb5979a66ce83c67.png") !important;
}

#gameList.JILI3 .games .game[data-code="745"] .image {
    background-image: url("https://xt30sf.b-cdn.net/media/19ec33a6979a678d5a049.png") !important;
}
#gameList.JILI4 .games .game[data-code="745"] .image {
    background-image: url("https://xt30sf.b-cdn.net/media/19ec33a6979a678d5a049.png") !important;
}

/* JILI EVENT IMAGE */
#gameList.JILI3 .games .game[data-code="896"] {
        display: none !important;
    pointer-events: none;
}
#gameList.JILI4 .games .game[data-code="896"] {
        display: none !important;
    pointer-events: none;
}

/*HIDE JILI GAME*/

#gameList .games .game[data-code="751"]{
    display: none !important;
}

/* HIDE TWOJ 2J TABS */
#gameList.TWOJ .tabs [data-type="Crypto"],
#gameList.TWOJ .tabs [data-type="Multiplayer"],
#gameList.TWOJ .tabs [data-type="Table"],
#gameList.TWOJ .tabs [data-type="Fish"] {
    display: none;
}

#gameList .games .game[data-code="vswaysmahwblck"]{
    display: none !important;
}

/*HIDE TWOJ GAME*/

#gameList .games .game[data-code="2040"]{
    display: none !important;
}
/*HIDE FUNTA GAME*/

#gameList .games .game[data-code="294"]{
    display: none !important;
}

/* HIDE JILI GAME */


#gameList .games .game[data-code="92"]{
    display: none !important;
}

#gameList .games .game[data-code="13"]{
    display: none !important;
}

#chatroom .message .text {
    color: #000;
}

/* HIDE PT3 TABS */
#gameList.PT3 .tabs [data-type="Table / Card"] {
    display: none;
}

/* HIDE PT3 TABS */
#gameList.PT3 .tabs [data-type="Video"] {
    display: none;
}


#gameList.SLOTMANIA .tabs, #gameList.SLOTMANIA .search-wrapper {
    display: none;
}

/*------Montserrat SemiBold Font--*/
@font-face {font-family: "montserrat_semiBold"; src: url("0c9eac2760e07284.eot"); src: url("0c9eac2760e07284.eot") format("embedded-opentype"), url("e4a1b59313566aad.woff2") format("woff2"), url("e4254837357aa834.woff") format("woff"), url("9349f926c90bfba1.ttf") format("truetype"), url("b9846e70a0ca2754.svg") format("svg"); }
*{ font-family:montserrat_semiBold;}

/* ANGPAO LIGHTUP ALWAY */

#promotion .packet[data-id="819677"].ineligible:before,#promotion .packet[data-id="981779"].ineligible:before,#promotion .packet[data-id="834233"].ineligible:before,#promotion .packet[data-id="845743"].ineligible:before,#promotion .packet[data-id="196419"].ineligible:before,#promotion .packet[data-id="196420"].ineligible:before,#promotion .packet[data-id="196422"].ineligible:before,#promotion .packet[data-id="769319"].ineligible:before,#promotion .packet[data-id="196468"].ineligible:before,#promotion .packet[data-id="195857"].ineligible:before,#promotion .packet[data-id="196455"].ineligible:before,#promotion .packet[data-id="199967"].ineligible:before,#promotion .packet[data-id="231473"].ineligible:before,#promotion .packet[data-id="199605"].ineligible:before,#promotion .packet[data-id="199609"].ineligible:before,#promotion .packet[data-id="199610"].ineligible:before,#promotion .packet[data-id="199612"].ineligible:before,#promotion .packet[data-id="115379"].ineligible:before,#promotion .packet[data-id="175946"].ineligible:before,#promotion .packet[data-id="117036"].ineligible:before,#promotion .packet[data-id="451235"].ineligible:before,#promotion .packet[data-id="470510"].ineligible:before,#promotion .packet[data-id="822356"].ineligible:before,#promotion .packet[data-id="832281"].ineligible:before,#promotion .packet[data-id="848112"].ineligible:before,#promotion .packet[data-id="981003"].ineligible:before,#promotion .packet[data-id="981034"].ineligible:before{

    background:none;
}

#promotion .packet p:first-child {
    font-size: 11px;
    min-height: 35px;
    color: #6e3697 !important;
}

#deposit .depositnotice {
    background: transparent;
    padding: 0px;
    margin-bottom: 10px;
    color: #000;
    border: 0px solid #fff;
    border-radius: 4px;
}

#deposit .menu {
    position: relative;
    display: block;
    margin-bottom: 15px;
    border: 0px solid;
    padding: 0px;
    background: transparent;
    border-radius: 4px;
    color: #fff;
}


#home-balance>.A .pbalance {
    overflow: hidden;
    padding: 0 1px;
}



#gameList .tabs {
    overflow: hidden;
    background: transparent;
    padding: 0 5px 5px 0;
    box-shadow: 0 0 0px #000;
    color: #fff;
}

#promotion-popup .info-table {
    width: 100%;
    border-collapse: collapse;
}

#promotion-popup .info-table td {
    border: 1.5px solid black;
    padding: 10px;
    text-align: center;
    vertical-align: top;
}

#promotion-popup .yellow-cell {
    background-color: #ffd800;
    font-weight: bold;
}

#promotion-popup .white-cell {
    background-color: white;
    font-weight: bold;
}

#promotion-popup .note {
    color: grey;
    font-size: 8pt;
}

#promotion-popup .warning {
    color: red;
    font-size: 10pt;
}

/*CHANGE TEXT*/

#home-balance>.A .pinfo .welcome-name .welcome {
    color: #6e3697;
}
#home-balance>.A .pinfo .welcome-name,
#home-balance>.A .vc-balance {
    color: #6e3697;
}
#settings .t1, #changeMobile .t1,#changePassword .t1, #changeBank .t1,
#login .title, #register .title, #register li b, #register .login,#login .bottom-link {
    color: #6e3697;
}
#changeBank .t2, #changeBank .note {
    color: #6e3697;
}
#chatroom .message.myself .name,
#chatroom .chat-tools .tool,
#chatroom .chat-tools .tool.file {
    color: #6e3697;
}
#chatroom .message .name {
    color: #FA0505;
}
#home h1 {
    font-size: 0px !important;
    display: none;
}

/* ALL BUTTON */

.btn {
    background-image: linear-gradient(to bottom,#662d90,#662d90);
    color: #FFF;
    border-radius: 20px;
    border: 0;
}
.btn.primary {
    background-image: linear-gradient(to bottom,#662d90,#662d90);
    color: #FFF;
}

.btn.danger {
    border-color: #C62828;
    background-color: #F44336;
    background-image: -webkit-linear-gradient(top,#F44336,#B71C1C);
    background-image: linear-gradient(to bottom,#F44336,#F44336);
    color: #fff;
}



/* ALL BUTTON GAMES HOME */

.btn.next, .btn.submit,
#gameList .games .game .btn,#home-download .btns .play{
    background-image: url("https://xt30sf.b-cdn.net/media/611eb48f2677648824cbd.png");
    background-color:transparent !important;
    background-size:100% 100%;
    border:0;
}
.btn.cancel{
    background-image: url("https://xt30sf.b-cdn.net/media/611eb48f2677648824cbd.png");
    background-color:transparent !important;
    background-size:100% 100% ;
    border:0;
}
#gameList .gamenote {
background-image: url("https://xt30sf.b-cdn.net/media/eaf16b34367768d784efc.png");
    background-color: transparent !important;
    background-size: 100% 100%;
    font-size: 11px;
    border: 2px solid #6e3697;
}


/* ============================================================
   SWAL2 弹窗（Masuk Game 提示 + 所有 swal 通知）
   ============================================================ */

/* ---------- 外框 ---------- */
.swal2-popup.swal2-modal.swal2-show {
  background: #FFF;
  border: 2px solid #6e3697;
  border-radius: 18px !important;
  overflow: hidden;
}

/* ---------- 字体（弹窗内统一用真 Montserrat 粗细） ---------- */
.swal2-popup,
.swal2-popup * {
  font-family: 'Montserrat', montserrat_semiBold, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ---------- 标题 ---------- */
.swal2-popup .swal2-title {
  color: #ccc;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.2px !important;
  margin: 6px 0 10px !important;
  padding: 0 10px !important;
}

/* ---------- 内文 ---------- */
.swal2-popup .swal2-content,
#swal2-html-container {
  color: #6e3697;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
  letter-spacing: 0.1px !important;
  padding: 0 12px !important;
}

/* ---------- 按钮共用 ---------- */
.swal2-popup .swal2-actions {
  gap: 10px;
  margin-top: 18px !important;
}
.swal2-popup .swal2-styled.swal2-confirm,
.swal2-popup .swal2-styled.swal2-cancel {
  border-radius: 25px !important;
  padding: 11px 26px !important;
  min-width: 120px;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.6px !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  transition: all 0.15s ease !important;
}
.swal2-popup .swal2-styled.swal2-confirm:focus,
.swal2-popup .swal2-styled.swal2-cancel:focus {
  outline: none !important;
}

/* ---------- 取消按钮 - 红色「Batal」 ---------- */
.swal2-popup .swal2-styled.swal2-cancel {
  background: linear-gradient(180deg, #ef5350 0%, #c62828 100%) !important;
  color: #ffffff !important;
  border: 2px solid #b71c1c !important;
  font-weight: 700 !important;
  box-shadow: 0 3px 0 #8b0000, 0 4px 8px rgba(0, 0, 0, 0.2) !important;
}
.swal2-popup .swal2-styled.swal2-cancel:hover {
  background: linear-gradient(180deg, #f44336 0%, #b71c1c 100%) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 0 #8b0000, 0 5px 10px rgba(0, 0, 0, 0.25) !important;
}
.swal2-popup .swal2-styled.swal2-cancel:active {
  transform: translateY(2px);
  box-shadow: 0 1px 0 #8b0000, 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

/* ---------- 确认按钮 - 紫色「Masuk Game」 ---------- */
.swal2-popup .swal2-styled.swal2-confirm {
  background: linear-gradient(180deg, #8B34C9 0%, #5B1E86 100%) !important;
  color: #ffffff !important;
  border: 2px solid #4a2466 !important;
  font-weight: 800 !important;
  box-shadow: 0 3px 0 #3F125F, 0 4px 8px rgba(0, 0, 0, 0.2) !important;
}
.swal2-popup .swal2-styled.swal2-confirm:hover {
  background: linear-gradient(180deg, #9B45D9 0%, #6A2A96 100%) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 0 #3F125F, 0 5px 10px rgba(0, 0, 0, 0.25) !important;
}
.swal2-popup .swal2-styled.swal2-confirm:active {
  transform: translateY(2px);
  box-shadow: 0 1px 0 #3F125F, 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

/* ============================================================
   SWAL2 END
   ============================================================ */


/* LOGIN REGISTER BUTTON */


body.C #home>.A .pinfo .links a {
    width: 48%;
    background: url("https://xt30sf.b-cdn.net/media/50c62458b8ea63fc76a40.gif") center / 100% 100% no-repeat !important;
    color: transparent !important;
    text-shadow: none;
    font-size: 0;
    line-height: 0;
    font-weight: unset;
    height: auto;
    aspect-ratio: 345 / 100;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
}
body.C #home>.A .pinfo .links a.register {
    background-image: url("https://xt30sf.b-cdn.net/media/f617adb8b8ea6baefeffd.gif") !important;
    margin-left: 4%;
}
body.C #home>.A .pinfo .links a:active {
    transform: scale(.97);
}

#home>.A .pinfo{
    border:none;
    text-align : Center;
}

#home>.A .pinfo .welcome-name,
body #home>.A .pinfo .bank {
font-family: inherit;
font-variant: small-caps;
text-align : Center;
}

#home-balance>.A .pinfo .welcome-name .welcome {
    color: #000;
}
/* BALANCE BUTTON */

#home-balance {
    background-color: transparent;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    box-shadow: 0 0 5px #b2b2b2;
}

.balance-wrapper{
    line-height: 23px;
    border-radius: 8px;
    padding: 8px 2px !important;
    font-size: 13px;
}

#home-balance>.A {
    overflow: hidden;
    background-color: white;
    border-radius: 10px;
}

#home-balance>.A .pbalance {
    overflow: hidden;
    padding: 9px 13px !important;
}

#home-balance>.A .btns .btn {
    background: url("https://xt30sf.b-cdn.net/media/4947b9beb9da6507204e5.gif") center / 100% 100% no-repeat !important;
    border: 0;
    color: transparent !important;
    text-shadow: none;
    font-size: 0;
    line-height: 0;
    padding: 0;
    height: auto;
    aspect-ratio: 363 / 100;
    border-radius: 0;
    box-shadow: none;
    margin-top: 5px;
}
#home-balance>.A .btns .btn.vc-withdraw {
    background-image: url("https://xt30sf.b-cdn.net/media/c55d53ceb9da625664630.gif") !important;
}
#home-balance>.A .btns .btn.vc-refresh {
    background-image: url("https://xt30sf.b-cdn.net/media/83269bceb9da675606756.gif") !important;
}
#home-balance>.A .btns .btn:active {
    transform: scale(.97);
}

#speedpay option[value="FLOATQR"] {
  display: none;
}



/* HEADER */


#header .link.currency {
    left: 0px;
    right: 100%;
}

/*MID LOGO*/

body.C #header .logo {
    float: none;
    margin: 5px auto;
}

/* TICKER */


#marquee {
	background-size: 100% 100% !important;
        width: 1750px !important;
}

#marquee span {
    animation-duration: 20s !important;

}


/* JACKPOT*/

#home-jackpot .odometer-digit {
    border: 2px solid #FFD700;
    background-color: #fff;
    color: #000;
}
#home-jackpot .odometer-formatting-mark {
    color: #FFD700;
}

/* TICKER — 电脑宽屏铺满（手机不受影响） */
@media (hover: hover) {
  #marquee {
    width: 100% !important;
    left: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
/* LIVE TX｜V4 极简白 小号(压缩版) */
#home-livetx#home-livetx{margin-top:10px!important;border:1px solid #ece8f3!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 20px -14px rgba(16,24,40,.22)!important}#home-livetx#home-livetx table{border-collapse:separate!important;border-spacing:0!important}#home-livetx#home-livetx table td{border:0!important;line-height:1.2!important}
#home-livetx#home-livetx table td.title{padding:7px 14px!important;background:#fff!important;border-bottom:1px solid #f1eef6!important;color:#1f1530!important}#home-livetx#home-livetx .list-type{display:inline-flex;align-items:center;font:800 12px/1 Montserrat,Poppins,Arial,sans-serif;letter-spacing:.06em;color:#1f1530}#home-livetx#home-livetx .list-type::before{content:"\f201";display:inline-block;width:20px;height:20px;margin-right:8px;border-radius:6px;background:#f3edff;color:#7c3aed;font:normal 10px/20px FontAwesome;text-align:center;letter-spacing:0}
#home-livetx#home-livetx .live.main-blink-me{animation:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;display:flex!important;align-items:center!important;right:12px!important;padding:3px 8px 3px 7px!important;border:1px solid #ffe1e6!important;border-radius:999px!important;background:#fff3f5!important;color:#e11d48!important;font:700 9px/1 Montserrat,Poppins,Arial,sans-serif!important;letter-spacing:.1em!important}#home-livetx#home-livetx .live.main-blink-me span{order:-1;float:none!important;width:6px!important;height:6px!important;margin:0 5px 0 0!important;border-radius:50%!important;background:#e11d48!important;animation:mrTxPulse 1.6s ease-out infinite}@keyframes mrTxPulse{0%{box-shadow:0 0 0 0 rgba(225,29,72,.5)}70%{box-shadow:0 0 0 5px rgba(225,29,72,0)}100%{box-shadow:0 0 0 0 rgba(225,29,72,0)}}
#home-livetx#home-livetx table td.green,#home-livetx#home-livetx table td.red{padding:6px 10px!important;background:#fbfaff!important;border-bottom:1px solid #f1eef6!important;color:#8a8199!important;font:700 9px/1 Montserrat,Poppins,Arial,sans-serif!important;letter-spacing:.16em!important;text-align:center!important}#home-livetx#home-livetx table td.green::before,#home-livetx#home-livetx table td.red::before{content:"";display:inline-block;width:5px;height:5px;margin:-2px 6px 0 0;border-radius:50%;vertical-align:middle}#home-livetx#home-livetx table td.green::before{background:#12b76a}#home-livetx#home-livetx table td.red::before{background:#7c3aed}
#home-livetx#home-livetx tbody tr td{padding:4px 10px!important;background:#fff!important;border-bottom:1px solid #f4f2f8!important;color:#5d5670!important;font:500 11px/1.2 Poppins,Arial,sans-serif!important;font-variant-numeric:tabular-nums;text-transform:none!important;white-space:nowrap;animation:mrTxIn .55s cubic-bezier(.2,.8,.2,1) both}#home-livetx#home-livetx tbody tr:last-child td{border-bottom:0!important}#home-livetx#home-livetx tbody tr:nth-child(2) td{animation-delay:.06s}#home-livetx#home-livetx tbody tr:nth-child(3) td{animation-delay:.12s}#home-livetx#home-livetx tbody tr:nth-child(4) td{animation-delay:.18s}#home-livetx#home-livetx tbody tr:nth-child(5) td{animation-delay:.24s}@keyframes mrTxIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
#home-livetx#home-livetx tbody tr td:nth-child(2),#home-livetx#home-livetx tbody tr td:nth-child(4){text-align:right!important;font:700 11.5px/1.2 Montserrat,Poppins,Arial,sans-serif!important;letter-spacing:.01em}#home-livetx#home-livetx tbody tr td:nth-child(2){color:#12b76a!important}#home-livetx#home-livetx tbody tr td:nth-child(4){color:#7c3aed!important}#home-livetx#home-livetx tbody tr td:nth-child(3),#home-livetx#home-livetx table td.red{border-left:1px solid #f1eef6!important}
#home-livetx#home-livetx tbody tr td:nth-child(5){z-index:0;width:22%;max-width:0;overflow:hidden;text-overflow:ellipsis;padding:4px 12px!important;color:#4a4358!important;font:700 9px/1.2 Montserrat,Poppins,Arial,sans-serif!important;letter-spacing:.05em;text-align:center;text-transform:uppercase!important}#home-livetx#home-livetx tbody tr td:nth-child(5)::before{content:"";position:absolute;z-index:-1;top:50%;left:6px;right:6px;height:16px;margin-top:-8px;border-radius:5px;background:#f4f2f8}
@media (max-width:480px),(min-width:768px) and (max-width:900px),(min-width:1200px){#home-livetx#home-livetx table td.title{padding:8px 10px!important}#home-livetx#home-livetx .list-type{font-size:11px;letter-spacing:.05em}#home-livetx#home-livetx .list-type::before{width:18px;height:18px;margin-right:6px;font-size:9px;line-height:18px}#home-livetx#home-livetx .live.main-blink-me{right:8px!important;padding:3px 8px 3px 7px!important;font-size:8.5px!important}#home-livetx#home-livetx tbody tr td{padding:5px 3px!important;font-size:10px!important;letter-spacing:-.01em}#home-livetx#home-livetx tbody tr td:first-child{padding-left:7px!important}#home-livetx#home-livetx tbody tr td:nth-child(2),#home-livetx#home-livetx tbody tr td:nth-child(4){font-size:10.5px!important;letter-spacing:0}#home-livetx#home-livetx tbody tr td:nth-child(5){padding:5px 5px!important;font-size:8.5px!important;letter-spacing:0}#home-livetx#home-livetx tbody tr td:nth-child(5)::before{left:2px;right:2px;height:15px;margin-top:-7.5px}}

/* ---------- 15. GOLDEN SMASH 按钮流动 ---------- */

@keyframes smashGoldFlow {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

@keyframes smashGoldPulse {
  0%, 100% { box-shadow: 0 0 8px rgba(255, 215, 0, 0.4); }
  50% { box-shadow: 0 0 18px rgba(255, 215, 0, 0.9); }
}

.smash-btn {
  display: inline-block;
  padding: 10px 22px;
  font-weight: 900;
  font-size: 13px;
  border-radius: 7px;
  text-decoration: none;
  letter-spacing: 0.4px;
  background: linear-gradient(90deg, #FFD700, #FFF59D, #FFD700, #FFB300, #FFD700);
  background-size: 250% 100%;
  border: 2px solid #FFD700;
  color: #000;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
  animation: smashGoldFlow 3s linear infinite, smashGoldPulse 2s ease-in-out infinite;
}

/* ANGPAO */


#promotion .packet p:last-child {
    font-size: 15px;
    font-weight: 700;
    color: #000000 !important;
}


/* LUCKY DRAW */
#home-lucky .wrapper {
    background: url("https://xt30sf.b-cdn.net/media/1470bc6b272963cdc1db4.gif") !important;
    background-size: 100% 100% !important;
    padding: 25% 8% 2% 4%;
    border: 0;
    border-radius: 0;
}

/* LUCKY DRAW — 整块隐藏 */
.lucky-wrapper,
#home-lucky {
    display: none !important;
}
#home-lucky p{
     display:none;
}
#home-lucky .btn {
    background-size: 100% 100% !important;
    font-size: 0;
    border: 0;
    border-radius: 0;
    padding: 5%;
    line-height: 2;
    margin: 0%;
    width: 51%;
}
#home-lucky .myluckynumber{
     background:url("https://xt30sf.b-cdn.net/media/c83ccd7b272962ad986b5.gif");
}


/* REFERRER BUTTON */

#home-refer .btn {
    background-color: transparent !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border: 0;
    color: transparent !important;
    text-shadow: none;
    font-size: 0;
    line-height: 0;
    padding: 0;
    aspect-ratio: 5 / 1;
    height: auto;
    border-radius: 0;
    box-shadow: none;
}
#home-refer .refer {
    background-image: url("https://xt30sf.b-cdn.net/media/9393402fc7da6bf0f8a16.gif") !important;
}
#home-refer .btn.downline {
    background-image: url("https://xt30sf.b-cdn.net/media/da85223fc7da6271113fd.gif") !important;
}
#home-refer .copy {
    background-image: url("https://xt30sf.b-cdn.net/media/32fd114fc7da659fc8954.gif") !important;
}
#home-refer .btn.more {
    background-image: url("https://xt30sf.b-cdn.net/media/32b129cdc7da63c0bc358.gif") !important;
}
#home-refer .btn:active {
    transform: scale(.97);
}

/* GAME MENU */

#home-game .site-tab.selected img.is-selected {
    border-bottom: 2px solid #6e3697;
    padding: 0px 0px 3px 0px;
}
#home-game .site-tabs {
    padding-bottom: 5px;
}
#home-game .site-tabs:before {
    border-bottom: 0px solid  #EA1520;
}

/* DOWNLOAD APPS */

.ic-close:before, .ic-close:after, .ic-close-circle:before, .ic-close-circle:after {
    background-color: #6e3697;
}
.ic-close-circle {
    margin: 35px 5px;
    border: 2px solid #6e3697;
    background-color: #FFF;
}


/* ========== FOOTER 底部按键（图片图标版） ========== */
body.C #footer a {
    position: relative;
    background: none !important;
    color: #9e9e9e !important;          /* 没选中：灰色文字 */
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-shadow: none !important;
    text-decoration: none !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    padding-top: 13px !important;
    filter: none !important;
    transform: none !important;
}
/* 隐藏平台原本的图标 */
body.C #footer a img,
body.C #footer a i,
body.C #footer a svg,
body.C #footer a:nth-child(3) > *:not(.badge) {
    display: none !important;
}
/* 图标位置 */
body.C #footer a::before {
    content: "";
    display: block;
    width: 40px;
    height: 32px;
    margin-bottom: 3px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
/* 选中：紫色文字 */
body.C #footer a.selected {
    color: #7628AF !important;
}

/* 1 HOME */
body.C #footer a:nth-child(1)::before { background-image: url("https://xt30sf.b-cdn.net/media/d19470223ada6329e79b4.png"); }
body.C #footer a:nth-child(1).selected::before { background-image: url("https://xt30sf.b-cdn.net/media/c7b71b223ada69b67d217.png"); }

/* 2 HISTORY */
body.C #footer a:nth-child(2)::before { background-image: url("https://xt30sf.b-cdn.net/media/7469b6323ada66b52188c.png"); }
body.C #footer a:nth-child(2).selected::before { background-image: url("https://xt30sf.b-cdn.net/media/db937d323ada6bbbd7070.png"); }

/* 4 LIVE CHAT */
body.C #footer a:nth-child(4)::before { background-image: url("https://xt30sf.b-cdn.net/media/9ff366423ada6fd8e89c7.png"); }
body.C #footer a:nth-child(4).selected::before { background-image: url("https://xt30sf.b-cdn.net/media/e1fc05523ada66690dd1b.png"); }

/* 5 SETTING */
body.C #footer a:nth-child(5)::before { background-image: url("https://xt30sf.b-cdn.net/media/8fef21623ada6bd9cd169.png"); }
body.C #footer a:nth-child(5).selected::before { background-image: url("https://xt30sf.b-cdn.net/media/a11869623ada672054914.png"); }

/* 3 BONUS：一直动态 */
body.C #footer a:nth-child(3) {
    color: transparent !important;
    font-size: 0 !important;
    background: url("https://xt30sf.b-cdn.net/media/4c116a998ada646105de6.png") center / contain no-repeat !important;
    height: 58px !important;          /* BONUS 图大小 */
    min-height: 65px !important;
    margin-top: 2px !important;      /* 往上凸，不要凸就改 0 */
}
body.C #footer a:nth-child(3)::before {
    display: none !important;
}

/* 红点数字 */
body.C #footer a .badge {
    position: absolute !important;
    top: 12px;
    left: 53%;
    margin: 0 0 0 10px !important;
    background: #f38120;
    color: #fff !important;
    z-index: 2;
}
/* ========== FOOTER END ========== */


/* GAME MENU EFFECT */

#home-game .site-tab.selected img.is-selected {
    border-bottom: 2px solid #6e3697;
    padding: 0px 0px 3px 0px;
    background-image: radial-gradient(#002bff, #ffffff70, transparent 72%);
}

/* CHAT ROOM*/
#chatroom .time {
    width: 89px;
    height: 22px;
    color: white;
    background-color: #5b5b5b;
    text-align: center;
    border-radius: 5px;
    font-size: 10px;
    line-height: 21px;
    text-decoration: none !important;
    text-decoration-line: none !important;
    font-weight: 700;
    float: none;
    margin: 5px auto;
}
#chatroom .message .text img {
    max-width: 100%;
    cursor: pointer;
}
#chatroom .message .name {
    display: block;
    color: red;
    font-weight: 600;
    margin-right: 25px;
}
#chatroom .message.myself .name {
    color: black;
    text-align: left;
}
#chatroom .message.myself .text {
    color: black;
    text-align: left;
}
#chatroom .message .text {
     font-weight: 500;
}
#chatroom .message .message-wrapper {
    display: block;
    text-transform: none;
    box-sizing: border-box;
    float: left;
    width: auto;
    max-width: 95%;
    position: relative;
    clear: both;
    background: #ffffff;
    border: solid 0px rgba(183, 30, 46, 0.5);
    border-radius: 15px;
    margin-bottom: 15px;
    padding: 6px 15px;
    color: #000;
    word-wrap: break-word;
    box-shadow: 1px 1px 5px #777;
    margin-left: 2px;
}
#chatroom .message.myself .message-wrapper {
    display: block;
    text-transform: none;
    box-sizing: border-box;
    float: right;
    width: auto;
    max-width: 95%;
    position: relative;
    clear: both;
    background: #f0ffe5;
    border: solid 0px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    margin-bottom: 15px;
    padding: 6px 15px;
    color: #000;
    word-wrap: break-word;
    box-shadow: -1px 1px 5px #777;
    margin-right: 2px;
}
#chatroom .message .text a {
    color: #1238C7;
    text-decoration: underline;
}
#chatroom .chat-tools {
    position: absolute;
    overflow: hidden;
    width: 100%;
    bottom: 0;
    padding: 5px 55px 10px 10px;
}
#chatroom .chat-tools .tool.file {
    color: #e7e7e7;
    right: 50px;
    padding-right: 10px;
    border-radius: 100%;
    background: #4da94d00;
}
#chatroom .chat-tools .tool {
    position: absolute;
    width: 45px;
    line-height: 40px;
    text-align: center;
    font-size: 23px;
    bottom: 11px;
    right: 5px;
    color: #000000;
    border-radius: 100%;
    background: #69db9d;
}
#chatroom .chat-tools textarea {
    height: 40px;
    border: 0;
    resize: none;
    background: rgb(0 0 0 / 76%);
    border-radius: 20px;
    color: #fff;
    padding: 10px 100px 10px 15px;
    line-height: 20px;
}
#chatroom .copy {
    margin-top: -15px;
}
/* CHAT ROOM END */

/* SYARIKAT MR PROMOTION ANGPAO */
.mr-card {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 30%;
  margin: 1%;
  background: linear-gradient(180deg, #f2e8cc, #e6d5a8);
  border: 3px solid #FFD700;
  border-radius: 12px;
  padding: 10px 5px;
  vertical-align: top;
  text-decoration: none;
  text-align: center;
  font-size: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,.08);
}
.mr-card-logo {
  display: inline-block !important;
  width: 105% !important;
  height: 45px;
  object-fit: contain;
}
@-webkit-keyframes mr-pulse {
  0% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes mr-pulse {
  0% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); transform: scale(1); }
}
.mr-pulse-btn {
  display: inline-block;
  background: linear-gradient(180deg, #FFD700, #B8860B);
  color: #fff;
  padding: 3px 10px;
  border-radius: 15px;
  font-size: 9px;
  -webkit-animation: mr-pulse 1.5s infinite;
  animation: mr-pulse 1.5s infinite;
}
.mr-pulse-btn::after {
  content: "PLAY NOW";
}
@media (min-width: 768px) {
  .mr-card {
    width: 30%;
    margin: 1%;
    padding: 15px 10px;
    border-radius: 16px;
    min-height: 140px;
  }
  .mr-card-logo {
    height: 70px !important;
  }
  .mr-pulse-btn {
    padding: 6px 18px;
    font-size: 13px;
  }
  .mr-tagline {
    font-size: 16px !important;
    padding: 8px 12px !important;
  }
}
/* SYARIKAT MR PROMOTION ANGPAO END */
/* /* /* ============================================================ */
/* 12. PROMOTION POPUP — MRACE 结构 + MRATM 紫色（v12 亮紫流动） */
/* ============================================================ */

/* ---------- 12.1 弹窗外框 ---------- */

#promotion-popup {
  padding: 0px;
  background: #ffffff !important;
  width: 95%;
  max-width: 700px;
  border-radius: 18px;
  color: black;
  border: 2px solid #FFD700;
  box-shadow: 0 32px 64px rgba(110, 54, 151, 0.18),
              0 16px 32px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

#promotion-popup p {
  margin-top: 0px;
}

#promotion-popup p:empty,
#promotion-popup > p,
#promotion-popup > var > p,
#promotion-popup var > p:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
}
/* ---------- 12.2 流动动画 ---------- */

@keyframes mratmFlow {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}


/* ---------- 12.3 标题（深紫 ↔ 亮紫流动）---------- */

#promotion-popup .title {
  color: #ffffff !important;
  font-weight: 800;
  font-size: 16px;
  border-bottom: none;
  padding: 14px;
  text-align: center;
  letter-spacing: 1px;
  background: linear-gradient(90deg, #4a2466 0%, #a855f7 50%, #4a2466 100%);
  background-size: 300% 100%;
  animation: mratmFlow 25s linear infinite;
  animation-delay: 0s;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}


/* ---------- 12.4 Promo Table（深紫 ↔ 亮紫流动 + 白字）---------- */

.promo-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 5px;
  background: white;
  padding: 0px 5px;
  display: inline-table;
  margin: 8px 0 4px !important;
}

.promo-table tr {
  margin-bottom: 8px;
}

.promo-table td {
  padding: 12px;
  font-weight: 700;
  font-size: 13px;
  border: none;
  position: relative;
}

.promo-table td:first-child {
  background: linear-gradient(90deg, #4a2466 0%, #a855f7 50%, #4a2466 100%);
  background-size: 300% 100%;
  animation: mratmFlow 25s linear infinite;
  animation-delay: 0s;
  color: #ffffff;
  font-weight: 700;
  width: 42%;
  text-align: center;
  border-radius: 12px 0 0 12px;
  box-shadow: 0 2px 8px rgba(102, 45, 144, 0.25);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: visible;
}

.promo-table td:first-child::after,
.promo-table td:first-child::before {
  display: none;
}

.promo-table td:last-child {
  color: #1a1a1a;
  font-weight: 700;
  text-align: center;
  background: white;
  border-radius: 0 12px 12px 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin-left: 12px;
}

.promo-luckysmashlink {
  text-decoration: underline;
  color: #FFEEB8;
  cursor: pointer;
  animation: mymove 0.6s infinite;
  font-size: 14px;
  display: inline-block;
}


/* ---------- 12.5 Warning Footer / Caption ---------- */

#promotion-popup .warning-footer,
#promotion-popup .caption-section {
  margin: 4px 10px !important;
  padding: 8px 12px !important;
}

.warning-footer {
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  text-align: center;
  border-top: none;
  border-left: 4px solid #ef4444;
  border-radius: 6px;
}

.warning-text {
  color: #dc2626;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 0 !important;
  padding: 0 !important;
}

#promotion-popup .caption-section {
  padding: 4px 12px !important;
  text-align: center;
}

#promotion-popup .caption-section p {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: #555 !important;
}


/* ---------- 12.6 Vision Section（LOGO GIF + slogan 并排 + 认证图）---------- */

#promotion-popup .vision-section {
  margin: 4px 10px !important;
  text-indent: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  font-size: 13px !important;
  padding: 12px 10px !important;
  background: #ffffff !important;
  border-radius: 6px !important;
  text-align: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  color: #4a2466 !important;
  font-weight: 700 !important;
}

#promotion-popup .vision-section::before {
  content: "🎯" !important;
  display: inline-block !important;
  font-size: 16px !important;
  line-height: 1 !important;
  margin-right: 6px !important;
  vertical-align: middle !important;
  background: none !important;
  width: auto !important;
  height: auto !important;
}

#promotion-popup .vision-section::after {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 70px !important;
  background: url("https://xt30sf.b-cdn.net/media/29ac214b39776eb983124.png") center center no-repeat !important;
  background-size: contain !important;
  font-size: 0 !important;
  flex-basis: 100% !important;
  order: 3 !important;
}


/* ---------- 12.7 按钮区（TUTUP 红 + CLAIM 翠绿）---------- */

#promotion-popup .btns {
  overflow: hidden;
  margin-top: 4px !important;
  display: flex;
  gap: 0px;
}

#promotion-popup .btns .btn.danger {
  flex: 0 0 30%;
  padding: 15px;
  font-weight: 800;
  font-size: 14px;
  border: none;
  cursor: pointer;
  border-radius: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  overflow: hidden;
  box-shadow: none;
  background: linear-gradient(135deg, #ff2929 0%, #dc2626 50%, #b91c1c 100%);
  color: white;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

#promotion-popup .btns .btn.claim {
  flex: 1;
  padding: 15px;
  font-weight: 800;
  font-size: 14px;
  border: none;
  cursor: pointer;
  border-radius: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  overflow: hidden;
  box-shadow: none;
  background: linear-gradient(135deg, #4ade80 0%, #16a34a 50%, #15803d 100%);
  color: white;
  margin-left: 0px;
}


/* ---------- 12.8 占位图 / 空白杀手 ---------- */

#promotion-popup img[src="...."],
#promotion-popup img[src=""],
#promotion-popup img:not([src]) {
  display: none !important;
}

#promotion-popup .vision-section + img,
#promotion-popup .vision-section + br {
  display: none !important;
}

#promotion-popup var > p,
#promotion-popup var p:empty {
  display: none !important;
}

#promotion-popup .warning-footer > p,
#promotion-popup .warning-footer p:empty {
  display: none !important;
}

#promotion-popup .caption-section p {
  display: none !important;
}

#promotion-popup .caption-section p:nth-child(3) {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  color: #555 !important;
}


/* ---------- 12.9 Promotion Image / Angpao Wrapper ---------- */

.promotion-img {
  background: white;
  margin-top: -28px;
}

.angpao-img-wrapper {
  background: rgba(255, 255, 255, 0.95);
  padding: 0px 0px 8px;
  box-shadow: 0 20px 60px rgba(110, 54, 151, 0.15),
              0 0 0 1px rgba(255, 255, 255, 0.5);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  backdrop-filter: blur(48px);
  margin-top: -20px;
}

.angpao-img {
  width: 25% !important;
}
/* ---------- 13. VIP STATUS BUTTON (橙金王者光) ---------- */

@keyframes vipGoldShimmer {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes vipGlowPulse {
  0%, 100% { box-shadow: 0 0 8px rgba(255,215,0,0.4), 0 0 16px rgba(255,215,0,0.2); }
  50% { box-shadow: 0 0 16px rgba(255,215,0,0.9), 0 0 32px rgba(255,215,0,0.5); }
}

.vip-status-btn {
  display: inline-block;
  font-weight: 900;
  padding: 9px 26px;
  border-radius: 20px;
  font-size: 13px;
  text-decoration: none;
  letter-spacing: 0.5px;
  color: #fff !important;
  border: 2px solid #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,0.4);
  background: linear-gradient(90deg, #f97316, #f59e0b, #fbbf24, #f59e0b, #f97316);
  background-size: 200% 100%;
  animation: vipGoldShimmer 2.5s linear infinite, vipGlowPulse 2s ease-in-out infinite;
}
/* ---------- 14. T&C 折叠按钮 (紫粉糖果) ---------- */

@keyframes candyFlow {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

@keyframes candyBreathe {
  0%, 100% { box-shadow: 0 0 10px rgba(255, 215, 0, 0.4); }
  50% { box-shadow: 0 0 18px rgba(255, 215, 0, 0.7); }
}

.tc-candy-btn {
  display: block;
  text-align: center;
  padding: 12px;
  cursor: pointer;
  color: #ffffff !important;
  font-weight: 800;
  font-size: 13px;
  border-radius: 10px;
  letter-spacing: 1px;
  list-style: none;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  background: linear-gradient(90deg, #6366f1, #a855f7, #ec4899, #a855f7, #6366f1);
  background-size: 200% 100%;
  border: 2px solid #FFD700;
  animation: candyFlow 5s ease-in-out infinite, candyBreathe 3s ease-in-out infinite;
}

.tc-candy-btn::-webkit-details-marker {
  display: none;
}
/* ---------- 14. T&C 折叠按钮 (紫粉糖果 - checkbox hack) ---------- */

@keyframes candyFlow {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

@keyframes candyBreathe {
  0%, 100% { box-shadow: 0 0 10px rgba(255, 215, 0, 0.4); }
  50% { box-shadow: 0 0 18px rgba(255, 215, 0, 0.7); }
}

#promotion-popup .tc-toggle {
  display: none !important;
}

#promotion-popup .tc-candy-btn {
  display: block !important;
  text-align: center;
  padding: 12px;
  cursor: pointer;
  color: #ffffff !important;
  font-weight: 800;
  font-size: 13px;
  border-radius: 10px;
  letter-spacing: 1px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  background: linear-gradient(90deg, #6366f1, #a855f7, #ec4899, #a855f7, #6366f1);
  background-size: 200% 100%;
  border: 2px solid #FFD700;
  animation: candyFlow 5s ease-in-out infinite, candyBreathe 3s ease-in-out infinite;
  margin: 6px 0;
}

#promotion-popup .tc-content {
  display: none;
  background: #fff;
  border: 1px solid #e9d5ff;
  border-radius: 6px;
  padding: 10px;
  margin-top: 6px;
}

#promotion-popup .tc-toggle:checked ~ .tc-content {
  display: block !important;
}
/* ---------- 14. GOLDEN SMASH 亮金按钮 ---------- */

@keyframes goldSmashFlow {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

@keyframes goldSmashPulse {
  0%, 100% { box-shadow: 0 0 10px rgba(255, 215, 0, 0.5), 0 0 20px rgba(255, 215, 0, 0.3); }
  50% { box-shadow: 0 0 20px rgba(255, 215, 0, 1), 0 0 36px rgba(255, 215, 0, 0.6); }
}
.smash-gold-btn {
  display: block;
  text-align: center;
  padding: 14px;
  color: #1a1a1a !important;
  font-weight: 900;
  font-size: 14px;
  border-radius: 8px;
  letter-spacing: 0.5px;
  text-decoration: none;
  background: linear-gradient(90deg, #FFD700, #FFF59D, #FFD700, #FFB300, #FFD700);
  background-size: 250% 100%;
  border: 2px solid #FFD700;
  text-shadow: 0 1px 1px rgba(255,255,255,0.5);
  animation: goldSmashFlow 3s linear infinite, goldSmashPulse 1.8s ease-in-out infinite;
  margin: 4px 0;
}

#gameList.JILI .games .game[data-code="745"] .image {
    background-image: url("https://xt30sf.b-cdn.net/media/19ec33a6979a678d5a049.png") !important;
}
#gameList.JILI2 .games .game[data-code="745"] .image {
    background-image: url("https://xt30sf.b-cdn.net/media/19ec33a6979a678d5a049.png") !important;
}

/* loading 延迟 0.45 秒才出现:页面在这之前载完就完全不闪(不再像网卡) */
#loading {
  animation: loaderDelay 0.25s ease 0.45s both !important;
}
@keyframes loaderDelay {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* ===== 终极方案(兼容版,不用 :has()) ===== */

#loading {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: #000000 !important;
  z-index: 999999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#loading[style*="display: none"] {
  display: none !important;
}

#loading .mask {
  opacity: 1 !important;
  background: #000000 !important;
}

/* ========================================
   LEADERBOARD — MRATM88 紫金版
   主紫 #7628AF / 深紫 #3F125F / 金 #B0902F
   ======================================== */

/* ---------- TITLE ---------- */
#leaderboard .t1 {
    color: #7628AF;
    border-bottom: 1px solid #EDE4F5;
    font-weight: 800;
}

/* ---------- DATE TABS ---------- */
#leaderboard .dates,
#leaderboard .keys {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 0 5px;
    margin-top: 5px;
}

#leaderboard .dates {
    margin-top: 5px;
    margin-bottom: 14px;
    margin-left: 10px;
}

#leaderboard .dates .date {
    background: transparent;
    color: #7628AF;
    border-radius: 35px;
    transition: .3s;
    margin: 10px 1px 0 0;
    font-weight: 600;
}

#leaderboard .dates .date.selected {
    background: linear-gradient(180deg, #8B34C9, #5B1E86);
    border-radius: 35px;
    color: #FFFFFF;
    transition: .3s;
}

/* ---------- GAME FILTER PILLS ---------- */
#leaderboard .keys {
    background-color: transparent;
    border-radius: 50px;
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    margin: 0 10px 14px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

#leaderboard .keys::-webkit-scrollbar {
    display: none;
}

#leaderboard .keys .key {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 9px 18px;
    border-radius: 50px;
    background-color: #FFFFFF;
    color: #7628AF;
    border: 1px solid #E0D2EC;
    font-size: 13px;
    font-weight: 500;
    margin: 0 !important;
    flex: 0 0 auto;
    cursor: pointer;
    transition: .25s;
}

#leaderboard .keys .key var {
    font-style: normal;
    white-space: nowrap;
}

#leaderboard .keys .key.selected {
    background: linear-gradient(180deg, #8B34C9, #5B1E86);
    color: #FFFFFF;
    border: 1px solid #5B1E86;
    font-weight: 700;
}

/* ---------- TABLE ---------- */
#leaderboard table {
    width: 100% !important;
    margin-top: 10px;
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
}

#leaderboard table td {
    border: none;
    white-space: nowrap;
}

/* 表头 深紫 */
#leaderboard table thead td {
    background: linear-gradient(180deg, #8B34C9, #5B1E86);
    color: #FFFFFF;
    font-weight: 700;
    font-size: 13px;
    padding: 14px 8px;
    text-align: left;
}
#leaderboard table thead td:first-child { padding-left: 18px; }
#leaderboard table thead td:last-child  { padding-right: 18px; }

/* 内容行：淡紫底 + 行间 gap + 左右圆角 */
#leaderboard table tbody td {
    background-color: #F8F4FC;
    padding: 13px 8px;
    color: #1a1a1a;
    font-size: 13px;
    font-weight: 400;
}
#leaderboard table tbody tr td:first-child {
    padding-left: 20px;
    border-radius: 8px 0 0 8px;
    font-weight: 700;
    color: #3F125F;
}
#leaderboard table tbody tr td:last-child {
    padding-right: 18px;
    border-radius: 0 8px 8px 0;
}

/* Win 列（第5列）紫色加粗 */
#leaderboard table tbody td:nth-child(5) {
    color: #7628AF;
    font-weight: 800;
    font-size: 13.5px;
}
/* Payout 列（第6列）金色 */
#leaderboard table tbody td:nth-child(6) {
    color: #B0902F;
    font-weight: 600;
}
/* Bet 列（第4列）灰淡 */
#leaderboard table tbody td:nth-child(4) {
    color: #999999;
}

/* ---------- MOBILE ---------- */
@media (max-width: 500px) {
    #leaderboard .keys {
        height: 46px;
        margin: 0 5px 10px;
        padding: 0 8px;
    }
    #leaderboard .keys .key {
        padding: 8px 14px;
        font-size: 12px;
    }
    #leaderboard table thead td {
        font-size: 12px;
        text-align: center;
        padding: 12px 5px;
    }
    #leaderboard table tbody td {
        font-size: 11px;
        padding: 11px 5px;
    }
    #leaderboard table tbody td:nth-child(5) { font-size: 11.5px; }
    #leaderboard table tbody tr td:first-child { padding-left: 12px; }

    /* 玩家名 / 游戏名过长时省略，避免窄屏爆版 */
    #leaderboard table tbody td:nth-child(2),
    #leaderboard table tbody td:nth-child(3) {
        max-width: 90px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/* ========================================
   LEADERBOARD END
   ======================================== */

/* ===== PERMAINAN PANAS 横向滚动 ===== */
/* ★ 原生 banner：完全看不到，但保留在 DOM 里（开游戏靠它）★ */
.game-banners,
.game-banners.hg-hidden {
  position: absolute !important;
  left: -99999px !important;
  top: -99999px !important;
  width: 1px !important;
  height: 1px !important;
  max-height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  z-index: -1 !important;
  pointer-events: auto !important;
}
.game-banners .game-banner {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}
.hotgames-wrap {
  position: relative;
  background: transparent;
  padding: 6px 0 8px;
  margin: 8px 0;
  overflow: hidden;
}
.hotgames-wrap .hotgames-head {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 10px 8px;
}
.hotgames-wrap .hg-top {
  background: linear-gradient(135deg,#ff8c42,#e94b7c);
  color: #fff;
  font-weight: 900;
  font-size: 12px;
  padding: 3px 11px;
  border-radius: 20px;
  border: 1.5px solid #FFD700;
  box-shadow: 0 2px 6px rgba(0,0,0,.3);
}
.hotgames-wrap .hg-title {
  color: #6e3697;
  font-weight: 900;
  font-size: 15px;
  letter-spacing: .5px;
}
.hotgames-wrap .hg-scroll {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  padding: 2px 0 6px 0;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  box-sizing: border-box;
  width: 100%;
  cursor: grab;
}
.hotgames-wrap .hg-scroll:active {
  cursor: grabbing;
}
.hotgames-wrap .hg-scroll::-webkit-scrollbar {
  display: none;
}
/* ★ 一屏刚好 3 张：36px = 左右边距 10×2 + gap 8×2 */
.hotgames-wrap .hg-card {
  flex: 0 0 calc((100% - 36px) / 3) !important;
  width: calc((100% - 36px) / 3) !important;
  min-width: 0 !important;
  max-width: none !important;
  scroll-snap-align: start;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}
.hotgames-wrap .hg-card:first-child {
  margin-left: 10px;
}
.hotgames-wrap .hg-card:last-child {
  margin-right: 10px;
}
.hotgames-wrap .hg-card * {
  pointer-events: none;
}
.hotgames-wrap .hg-card:active {
  transform: scale(.96);
  transition: transform .08s;
}
/* ★ 图片正方形，跟着卡宽走 */
.hotgames-wrap .hg-card .hg-img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 12px;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  opacity: 1 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  -webkit-user-drag: none;
  user-select: none;
}
/* ★ 名字区固定两行高 —— RTP 才会全部对齐 */
.hotgames-wrap .hg-card .hg-nm {
  color: #0a0a0a;
  font-size: 11px;
  font-weight: 800;
  margin: 6px 2px 3px !important;
  line-height: 14px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  white-space: normal !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  flex: 0 0 28px !important;
  box-sizing: border-box !important;
}
/* ★ RTP 那行永远贴卡片底部 */
.hotgames-wrap .hg-row {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  margin: 0 2px !important;
  margin-top: auto !important;
  gap: 4px;
  flex: 0 0 auto !important;
}
.hotgames-wrap .hg-prov {
  color: #888;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.hotgames-wrap .hg-rt {
  flex: 0 0 auto;
  background: linear-gradient(135deg,#22c55e,#15803d);
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  padding: 2px 6px;
  border-radius: 10px;
  white-space: nowrap;
}
/* ===== 手机版一排 4 个游戏 ===== */
@media only screen and (max-width: 500px) {
  #home-game a {
    width: calc(25% - 4px) !important;
    padding-top: calc(25% - 8px) !important;
    margin: 2px !important;
  }
}
/* ---------- 16. 弹窗居中修正（不依赖 JS 算高度）---------- */
#promotion-popup {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
}

#home-game .game-container > a{width:20%!important;padding-top:27.48%!important;margin:0!important;border:0!important;border-radius:0!important;background-size:110% auto!important;background-position:47.55% 45.9%!important}
@media (max-width:800px){#home-game .game-container > a{width:25%!important;padding-top:34.35%!important}}

#home-banner .banner {
  aspect-ratio: 1242 / 500;
  padding-top: 40% !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/* 底栏弧形两边透明（不动 Footer Background） */
body.C {
    background-color: transparent !important;
}
body.C #content {
    bottom: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 60px !important;
}
/* 去掉底栏顶部的阴影线 */
body.C #footer {
    box-shadow: none !important;
}

/* BONUS 那颗红点数字(#bonus-count)：只调这一颗，HUBUNGI 那颗不受影响 */
body.C #footer a #bonus-count#bonus-count {
  top: 10.5px !important;
  left: calc(50% + 17px) !important;
  right: auto !important;
  margin: 0 !important;
  width: 19px !important;
  height: 19px !important;
  line-height: 19px !important;
  border-radius: 50% !important;
  font-size: 12px !important;
}

/* ===== 首页 5% WEEKLY COMMISSION 横幅(.refer-wrapper)往上贴齐上面那块，中间不留空 =====
   贴在主 CSS 最后面；只管手机版(box-1-1) */

/* 横幅本身原本有 margin-top: 15px(站点预设)，拿掉 */
#home .box-1-1 #home-refer .wrapper.bg {
  margin-top:-1px !important;
}
/* 登录后：横幅上面是紫色余额卡，余额卡那块底下原本还留 8px，也拿掉 */
body.ahw-after-login #home .box-1-1 .balance-wrapper {
  padding-bottom: 0px !important;
}
/* 登录前：横幅上面是 LIVE TRANSACTION，中间有两个看不到的元素(H1、application)各留 10px、15px 空白，一起抵掉 */
body:not(.ahw-after-login) #home .box-1-1 .refer-wrapper {
  margin-top: -25px !important;
}
#content {
    background: #3be01a;
}


#content {
    color: #000000;
}
#home-balance>.A .pinfo .welcome-name .welcome {
    color: #000000;
}

#history-bet table td {
    color: #000000;
}

#history-transaction table>tbody>tr>td {
    color: #000000;
}

#leaderboard td {
    color: #000000;
}

#register table td{
    color: #000000;
}

#downline table td{
    color: #000000;
}


#footer {
    font-size: 0px;
}


#footer a .badge {
    background: #ea1520;
}


#footer a {
    line-height: 0px;
    font-size: 0px!important;
    padding-top: 13px;
    padding-bottom: 12px;
}


#home-livetx table td.title {
    color: #000000;
}


#home-livetx table td {
    background: #ffffff;
}


#home-livetx table td {
    color: #000000;
}


#home-livetx table td.amount {
    color: #3c1559;
}


#home-livetx table td.green {
    background: #3c1559;
}


#home-livetx table td.green {
    color: #ffffff;
}


#home-livetx table td.red {
    background: #6e3697;
}


#home-livetx table td.red {
    color: #ffffff;
}


#promotion-popup {
    background: #ffffff;
}
#home-refer-share {
    background: #ffffff;
}


#promotion-popup .title {
    color: #6e3697;
}
#home-refer-share .header {
    color: #6e3697;
}


#promotion-popup {
    color: #000000;
}
#home-refer-share {
    color: #000000;
}