@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;600&display=swap);
.hot-games.wrapper{overflow:hidden;position:relative;height:180px}.hot-games .img-container{position:absolute;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.hot-games .games-leave-active{-webkit-animation:leave 25s linear;animation:leave 25s linear;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running}.hot-games .games-leave-active:hover{-webkit-animation-play-state:paused;animation-play-state:paused}.hot-games .games-leave-active.run{-webkit-animation-play-state:running;animation-play-state:running}.hot-games .games-leave-active.pause{-webkit-animation-play-state:paused;animation-play-state:paused}.hot-games .games-enter-active{-webkit-animation:enter 25s linear;animation:enter 25s linear;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running}.hot-games .games-enter-active:hover{-webkit-animation-play-state:paused;animation-play-state:paused}.hot-games .games-enter-active.run{-webkit-animation-play-state:running;animation-play-state:running}.hot-games .games-enter-active.pause{-webkit-animation-play-state:paused;animation-play-state:paused}.hot-games a{color:inherit}.hot-games .game-item{position:relative;margin-right:5px;padding-top:15px;background-color:#000;height:143px;width:120px;text-align:center}.hot-games .game-item img{cursor:pointer;overflow:hidden;box-sizing:border-box;border-radius:12px;border:1px solid #5c5252}.hot-games .game-item .game-title{padding:0 15px;text-align:left;height:60px;width:120px;background-color:#171613;color:#fff}@-webkit-keyframes leave{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes leave{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes enter{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes enter{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.u-section-title{margin-bottom:0;font-size:18px;font-weight:600;color:#c80697;background:linear-gradient(180deg,#fc0fc0,#c80697);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.u-section-box--bg{background:#0a0438;border-radius:10px;color:#fff}.u-muted-txt{color:#6b7586}.carousel-indicators{z-index:3;bottom:-10px}.carousel-indicators li{background:#131b33;border:0;width:12px;height:12px;margin-left:5px}.carousel-indicators li.active{background:linear-gradient(180deg,#fff,#90919b)}.g-slider-wrapper .title-wrapper{margin-bottom:10px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-content:center;align-content:center}.g-slider-wrapper .pagi-wrp .btn{width:40px;height:40px;border:1px solid}.mobile .g-slider-wrapper .pagi-wrp{display:none}.g-slider-wrapper a.game-box,.g-slider-wrapper div.game-box{width:110px;height:auto!important;border-radius:4px 4px 0 0}.g-slider-wrapper a.game-box>img,.g-slider-wrapper div.game-box>img{background:#000;border-radius:4px 4px 0 0;width:110px;height:110px}.desktop .g-slider-wrapper a.game-box>img,.desktop .g-slider-wrapper div.game-box>img{width:150px;height:150px}.g-slider-wrapper .content-wrapper.round{height:80px}.desktop .g-slider-wrapper .content-wrapper.round{height:110px}.g-slider-wrapper a.game-box.round,.g-slider-wrapper div.game-box.round{width:auto;height:auto}.g-slider-wrapper a.game-box.round>img,.g-slider-wrapper div.game-box.round>img{width:70px;max-width:70px;height:auto;border-radius:50%}.desktop .g-slider-wrapper a.game-box.round>img,.desktop .g-slider-wrapper div.game-box.round>img{width:auto;height:auto;max-width:100%}.desktop .g-slider-wrapper a.game-box.round,.desktop .g-slider-wrapper div.game-box.round{width:100px;height:auto;max-width:100%}.g-slider-wrapper .game-title{border-radius:0 0 4px 4px;background:transparent;text-align:left;padding-left:15px;line-height:2;font-size:12px;font-weight:500;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-content:center;align-content:center;padding-right:4px;color:#fff}.mobile .g-slider-wrapper .game-title{padding-left:7px;font-size:11.2px;font-weight:400}.g-slider-wrapper .game-title img.logo{height:18px;width:18px}.g-slider-wrapper.hot .game-title{background:#ab1010}.g-slider-wrapper.recommend .game-title{background:#0d673c}.g-slider-wrapper.new .game-title{background:#2d1a62}.home-info-grp .title-box{margin-bottom:25px;margin-top:30px}@media (min-width:769px){.home-info-grp .content-box{height:356px}}.svc-advantage .content-box{padding:17px 15px}.svc-advantage .card{padding:16px 9px;background:linear-gradient(180deg,rgba(98,108,117,.5) 24.5%,rgba(16,18,28,.5));box-shadow:0 4px 24px 1px rgba(0,0,0,.15);border-radius:10px}.svc-advantage .card .circle-wrp{width:2em;height:2em;font-size:30px;display:inline-block;line-height:2em;vertical-align:middle;background:#000;border-radius:50%;text-align:center}.svc-advantage .card .circle-wrp>i{color:#fefefe;background:linear-gradient(180deg,#a5a3a1,#fefefe 37.29%,#adaba9 70.1%,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.svc-advantage .card .text-wrp{padding-top:12px;padding-left:10px;line-height:1.2}.svc-advantage .card .text-wrp .u-section-title{font-size:16px}.svc-advantage .card-header>*{float:left}.svc-advantage .progress{background:#000;border-radius:10px;height:12px;margin-bottom:10px}.svc-advantage .progress-bar{background:linear-gradient(180deg,#a5a3a1,#fefefe 37.29%,#adaba9 70.1%,#fff);border-radius:150px;line-height:12px}.info-centre .content-box{padding:7px 8px 27px 14px}.info-centre .content-box ul{list-style-type:none;margin:0;padding:0;overflow:auto;white-space:nowrap}.info-centre .content-box li{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-content:center;align-content:center;line-height:1;padding:25px 0 30px;border-bottom:1px solid #323a46}.info-centre .content-box li .text{font-size:16px;font-weight:500;padding:5.4px 0}.info-centre .content-box li .btn-link{border-radius:4px;font-size:11.2px;color:#fff;padding:5.4px 7px}.icon-wrp,.info-centre .content-box li .btn-link{background:#181733;box-shadow:0 -1px 1px 1px #7e1b3e}.icon-wrp{width:2em;height:2em;font-size:30px;display:inline-block;line-height:2em;vertical-align:middle;border-radius:50%;text-align:center}.icon-wrp>i{color:inherit}.member-svc #contacts-carousel{position:unset}.member-svc .content-box{padding:20px 5px 45px 27px;height:356px;position:relative}.member-svc .contact-item{color:#fff;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;padding-bottom:25px}.member-svc .carousel-indicators{bottom:20px;z-index:3}.member-svc .text-wrp{padding-left:20px;font-size:16px;overflow:hidden}.mobile .btns-log .btn.btn-block{border-radius:0;border:0;font-weight:600}.mobile .scroll-wrapper[_home] .next-btn,.mobile .scroll-wrapper[_home] .prev-btn,.mobile .scroll-wrapper[_home] .slider-content{background:linear-gradient(270deg,#81193b,#233f7e 48.74%,#83193a);background-blend-mode:overlay,normal,normal;box-shadow:none;color:#fff}.desktop .carousel-indicators{bottom:30px}.desktop .main.nav-wrapper{background:linear-gradient(270deg,#81193b,#233f7e 48.74%,#83193a);background-blend-mode:overlay,normal,normal;box-shadow:none}.desktop .main.nav-wrapper .nav-item .navlink{color:#fff}.desktop .main.nav-wrapper .main-nav{padding-top:5px}.desktop .ann-wrapper{background:transparent;color:#fff;padding-right:3rem;width:450px}.desktop .ann-wrapper i{color:#ffd600}.desktop .site-footer{background:#13162f}.jackpot .text-content{color:#fdc54c;background:linear-gradient(180deg,#e3350c,#ebd69d,#deae88);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;text-align:right;-webkit-transform:translateX(-20px) translateY(-10px);transform:translateX(-20px) translateY(-10px)}.desktop .jackpot .text-content{text-align:center;-webkit-transform:translateX(80px) translateY(-10px);transform:translateX(80px) translateY(-10px)}body.mobile{background-color:#000;background-image:none}body.mobile .inner-header{background-color:#181733;background-image:#181733}body.mobile .ann-wrapper{background:rgba(0,0,0,.9);color:#fff}body.mobile .ann-wrapper i{color:#ffd600}body.desktop{background-color:#000;background-image:none}.menu-bottom .navbar-inverse{background:#13162f}.menu-bottom .footericon-single,.menu-bottom .footericon-single a{color:#fff}.inline-form .input-l{padding:6px 0 6px 30px}.inline-form .icon-input.icon-input i.left{top:4px;left:8px;font-size:1.2rem}.inline-form .form-group{margin-bottom:0}.inline-form .help-block{margin:0;word-break:break-all;position:absolute;right:0;text-align:right;white-space:nowrap}.header-wrapper .btn.fix.thin{margin-right:0!important;padding-top:2px!important;padding-bottom:2px!important}.header-wrapper .flex-right .flex-row .compliant-btn{padding:0 10px;margin-top:5px;border-radius:8px}.header-wrapper .flex-right .flex-row .compliant-btn i{font-size:14px}.scroll-wrapper[_home] .btn-box{height:auto;padding:6px 10px 0}.main.nav-wrapper .nav-item .navlink i{font-size:1.75rem}#sideNav .nav-item-content.games i,.main.nav-wrapper .nav-item .navlink i[class^=icon-]:not(.icon-mobile),.scroll-wrapper[_home] .slider-content i{width:75px;height:53px;margin:0 auto;display:block;background:url(https://files.sitestatic.net/assets/imgs/onix/icon_nav.png) no-repeat;background-size:71.7%}#sideNav .nav-item-content.games i:before,.main.nav-wrapper .nav-item .navlink i[class^=icon-]:not(.icon-mobile):before,.scroll-wrapper[_home] .slider-content i:before{content:none}#sideNav .nav-item-content.games i.icon-home,.main.nav-wrapper .nav-item .navlink i[class^=icon-]:not(.icon-mobile).icon-home,.scroll-wrapper[_home] .slider-content i.icon-home{background-position:center 1px!important}#sideNav .nav-item-content.games i.icon-users,.main.nav-wrapper .nav-item .navlink i[class^=icon-]:not(.icon-mobile).icon-users,.scroll-wrapper[_home] .slider-content i.icon-users{background-position:center -485px!important}#sideNav .nav-item-content.games i.icon-gift,.main.nav-wrapper .nav-item .navlink i[class^=icon-]:not(.icon-mobile).icon-gift,.scroll-wrapper[_home] .slider-content i.icon-gift{background-position:center -120px!important}#sideNav .nav-item-content.games i.icon-soccer,.main.nav-wrapper .nav-item .navlink i[class^=icon-]:not(.icon-mobile).icon-soccer,.scroll-wrapper[_home] .slider-content i.icon-soccer{background-position:center -615px!important}#sideNav .nav-item-content.games i.icon-casino,.main.nav-wrapper .nav-item .navlink i[class^=icon-]:not(.icon-mobile).icon-casino,.scroll-wrapper[_home] .slider-content i.icon-casino{background-position:center -190px!important}#sideNav .nav-item-content.games i.icon-slot,.main.nav-wrapper .nav-item .navlink i[class^=icon-]:not(.icon-mobile).icon-slot,.scroll-wrapper[_home] .slider-content i.icon-slot{background-position:center -56px!important}#sideNav .nav-item-content.games i.icon-rng,.main.nav-wrapper .nav-item .navlink i[class^=icon-]:not(.icon-mobile).icon-rng,.scroll-wrapper[_home] .slider-content i.icon-rng{background-position:center -686px!important}#sideNav .nav-item-content.games i.icon-menu-poker-01,.main.nav-wrapper .nav-item .navlink i[class^=icon-]:not(.icon-mobile).icon-menu-poker-01,.scroll-wrapper[_home] .slider-content i.icon-menu-poker-01{background-position:center -409px!important}#sideNav .nav-item-content.games i.icon-others,.main.nav-wrapper .nav-item .navlink i[class^=icon-]:not(.icon-mobile).icon-others,.scroll-wrapper[_home] .slider-content i.icon-others{background-position:center -686px!important}#sideNav .nav-item-content.games i.icon-lottery,.main.nav-wrapper .nav-item .navlink i[class^=icon-]:not(.icon-mobile).icon-lottery,.scroll-wrapper[_home] .slider-content i.icon-lottery{background-position:center -334px!important}#sideNav .nav-item-content.games i.icon-fish_hunter,#sideNav .nav-item-content.games i.icon-fishing,.main.nav-wrapper .nav-item .navlink i[class^=icon-]:not(.icon-mobile).icon-fish_hunter,.main.nav-wrapper .nav-item .navlink i[class^=icon-]:not(.icon-mobile).icon-fishing,.scroll-wrapper[_home] .slider-content i.icon-fish_hunter,.scroll-wrapper[_home] .slider-content i.icon-fishing{background-position:center -260px!important}#sideNav .nav-item-content.games i.icon-cockfight,.main.nav-wrapper .nav-item .navlink i[class^=icon-]:not(.icon-mobile).icon-cockfight,.scroll-wrapper[_home] .slider-content i.icon-cockfight{background-position:center -753px!important}#sideNav .nav-item-content.games i,.scroll-wrapper[_home] .slider-content i{width:46px;height:50px;background-size:117.5%}.main.nav-wrapper .nav-icon .hot{top:0;left:0}.top-bar a,.top-bar button{color:#fdc54c}#loginForm i.form-control-feedback{top:2px;right:0}.onix_hkb{margin-right:10px!important;cursor:default}.mobile .onix_hkb{margin-right:0!important;width:105px!important}.onix_hkb_result{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;background:#0a0438!important;color:#fff;border-radius:10px!important;text-align:center;margin:0 9px;border:1px solid #323a46!important;overflow:hidden;padding:0!important;text-align:center!important}.mobile .onix_hkb_result{margin:3px}.onix_hkb_period{padding:5px;font-size:12px}.onix_hkb_number{font-weight:600;color:#fff;font-size:26px;padding:5px 5px 8px;line-height:40px}.mobile .onix_hkb_number{font-size:23px}.onix_hkb_date{font-size:12px;padding:5px 10px;background:#ab1010;width:100%}.hkb_onix{height:130px}.desktop .g-slider-wrapper{padding-top:4px}.desktop .g-slider-wrapper .content-wrapper{overflow:hidden}.desktop .g-slider-wrapper ul{list-style-type:none;margin:0;padding:0;overflow-y:hidden;white-space:nowrap}.desktop .g-slider-wrapper ul::-webkit-scrollbar{display:none}.desktop .g-slider-wrapper ul{-ms-overflow-style:none;scrollbar-width:none}.desktop .g-slider-wrapper li{display:inline-block;position:relative}.desktop .g-slider-wrapper img{display:block;height:100%;width:100%;border-radius:5px}.desktop .g-slider-wrapper a.game-box,.desktop .g-slider-wrapper div.game-box{position:relative;display:block;margin-right:30px;width:150px;height:150px;color:inherit}.desktop .g-slider-wrapper .game-title{text-transform:uppercase;font-size:11.2px;overflow:hidden}


/* ==========================================================================
   SKIN GACOR — "PILIH SERVER GACOR" ikut warna tema 3.
   ---------------------------------------------------------------------
   content/serverGacor.blade.php menyertakan <style>-nya sendiri dan seluruhnya
   ditulis untuk tema 1: keluarga emas rgba(255,212,0,…) untuk garis, teks krem
   rgba(214,199,134,…) untuk teks redup, dan --gacor-ink-900/800 yang coklat
   kehitaman. Di tema 3 yang justru magenta/ungu di atas kanvas hitam, hasilnya
   panel emas asing — persis keluhan operator.

   Yang dipertahankan: warna status ping (hijau/kuning/merah) tetap, itu
   makna bukan hiasan; dan terminal "onix hack" (layar penuh hitam +
   hijau #00ff41) tetap, itu estetika sendiri dan bukan aksen tema.

   Layer ini dimuat SETELAH app-mobile.css / app-desktop.css, jadi specificity
   sama menang lewat urutan sumber. Markup mobile dan desktop dirender terpisah
   lewat cek user-agent dan tidak pernah hidup bersamaan, jadi ditulis sebagai
   blok body.mobile dan body.desktop — bukan satu blok yang diasumsikan berlaku
   untuk keduanya.
   ========================================================================== */

/* --- Token panel: warna yang diambil dari theme-3/custom.css sendiri -------
   .u-section-box--bg #0a0438 jadi permukaan, gradien judul .u-section-title
   #fc0fc0 -> #c80697 jadi aksen, .u-muted-txt #6b7586 jadi teks redup, dan
   #323a46 / #7e1b3e (bayangan .icon-wrp) jadi garis.
   --gacor-gold sengaja tetap memakai nama warisan view walau isinya sudah
   bukan emas; menimpa satu variabel itu lebih murah daripada menulis ulang
   setiap pemakaian var(--gacor-gold) di view. */
body.mobile .gacor-server-wrap,
body.desktop .gacor-server-wrap {
    --gacor-ink-900: #06010f;
    --gacor-ink-800: #0a0438;
    --gacor-gold: #fc0fc0;
    --gacor-accent-2: #c80697;
    --gacor-maroon: #7e1b3e;
    --gacor-line: #323a46;
    --gacor-muted: #6b7586;
}

body.mobile .gacor-server-panel,
body.mobile .gacor-server-active,
body.desktop .gacor-server-panel,
body.desktop .gacor-server-active {
    border-color: rgba(200, 6, 151, .38);
    box-shadow:
        0 0 0 1px rgba(200, 6, 151, .08) inset,
        0 8px 32px rgba(0, 0, 0, .55);
}

body.mobile .gacor-panel-glow,
body.mobile .gacor-active-glow,
body.desktop .gacor-panel-glow,
body.desktop .gacor-active-glow {
    background: radial-gradient(ellipse, rgba(200, 6, 151, .22) 0%, transparent 70%);
}

body.mobile .gacor-panel-top,
body.desktop .gacor-panel-top {
    border-bottom-color: rgba(200, 6, 151, .26);
}

/* Label kecil: krem redup -> abu netral. */
body.mobile .gacor-panel-label,
body.mobile .gacor-stat__label,
body.mobile .gacor-info-label,
body.desktop .gacor-panel-label,
body.desktop .gacor-stat__label,
body.desktop .gacor-info-label {
    color: rgba(107, 117, 134, .85);
}

body.mobile .gacor-server-card__region,
body.mobile .gacor-active-code,
body.mobile .gacor-active-status,
body.desktop .gacor-server-card__region,
body.desktop .gacor-active-code,
body.desktop .gacor-active-status {
    color: rgba(107, 117, 134, .8);
}

body.mobile .gacor-server-card__code,
body.desktop .gacor-server-card__code {
    color: rgba(196, 132, 190, .8);
}

body.mobile .gacor-panel-count,
body.mobile .gacor-info-value,
body.desktop .gacor-panel-count,
body.desktop .gacor-info-value {
    color: #f3e7f2;
}

body.mobile .gacor-server-card__name,
body.mobile .gacor-active-server,
body.desktop .gacor-server-card__name,
body.desktop .gacor-active-server {
    color: #ffffff;
}

body.mobile .gacor-stat__value,
body.desktop .gacor-stat__value {
    color: #e6d3e4;
}

/* Modifier aksen harus diulang di sini. View menandainya lewat
   .gacor-stat__value--rtp / .gacor-info-value--accent (0,1,0) sementara aturan
   dasar di atas (0,2,1) — tanpa pengulangan, nilai RTP justru kehilangan
   aksen tema dan ikut jadi merah muda pucat. */
body.mobile .gacor-stat__value--rtp,
body.desktop .gacor-stat__value--rtp,
body.mobile .gacor-info-value--accent,
body.desktop .gacor-info-value--accent {
    color: var(--gacor-gold);
}

body.mobile .gacor-panel-icon,
body.desktop .gacor-panel-icon {
    color: var(--gacor-gold);
    text-shadow: 0 0 10px rgba(252, 15, 192, .5);
}

/* Kartu server: gradien coklat -> gradien ungu tua tema. */
body.mobile .gacor-server-card,
body.desktop .gacor-server-card {
    border-color: rgba(200, 6, 151, .26);
    background: linear-gradient(160deg, rgba(60, 12, 60, .6) 0%, rgba(10, 4, 56, .9) 100%);
}

body.mobile .gacor-server-card:hover,
body.desktop .gacor-server-card:hover {
    border-color: rgba(252, 15, 192, .5);
    box-shadow: 0 0 16px rgba(200, 6, 151, .25);
}

body.mobile .gacor-server-card.is-selected,
body.desktop .gacor-server-card.is-selected {
    border-color: var(--gacor-gold);
    background: linear-gradient(160deg, rgba(126, 27, 62, .72) 0%, rgba(24, 6, 40, .96) 100%);
    box-shadow:
        0 0 0 1px rgba(252, 15, 192, .28) inset,
        0 0 20px rgba(200, 6, 151, .28);
}

body.mobile .gacor-server-card.is-selected::after,
body.desktop .gacor-server-card.is-selected::after {
    background: var(--gacor-gold);
    color: #ffffff;
}

body.mobile .gacor-stat,
body.desktop .gacor-stat {
    border-color: rgba(200, 6, 151, .18);
    background: rgba(0, 0, 0, .3);
}

body.mobile .gacor-server-card__bar-fill,
body.desktop .gacor-server-card__bar-fill {
    background: linear-gradient(90deg, var(--gacor-maroon), var(--gacor-gold));
}

body.mobile .gacor-server-grid::-webkit-scrollbar-thumb,
body.desktop .gacor-server-grid::-webkit-scrollbar-thumb {
    background: rgba(200, 6, 151, .5);
}

body.mobile .gacor-server-grid,
body.desktop .gacor-server-grid {
    scrollbar-color: rgba(200, 6, 151, .5) transparent;
}

body.mobile .gacor-server-info,
body.desktop .gacor-server-info {
    border-color: rgba(200, 6, 151, .28);
}

/* Lencana VIP & STABLE ikut keluarga emas -> jadi magenta. */
body.mobile .gacor-tag--vip,
body.mobile .gacor-tag--stable,
body.desktop .gacor-tag--vip,
body.desktop .gacor-tag--stable {
    color: #f7c9ee;
    background: rgba(200, 6, 151, .16);
    border-color: rgba(200, 6, 151, .38);
}

body.mobile .gacor-ping--mid,
body.desktop .gacor-ping--mid {
    color: #fdc54c !important;
}

/* Titik + teks LIVE. View menulis var(--tb-gold-2), dan variabel itu tidak
   didefinisikan di satu pun tema — jadi tanpa aturan di sini keduanya jatuh
   ke nilai inherited, bukan emas. */
body.mobile .gacor-live-dot,
body.mobile .gacor-active-dot,
body.desktop .gacor-live-dot,
body.desktop .gacor-active-dot {
    background: var(--gacor-gold);
    box-shadow: 0 0 8px rgba(252, 15, 192, .7);
}

body.mobile .gacor-live-text,
body.mobile .gacor-active-label,
body.desktop .gacor-live-text,
body.desktop .gacor-active-label {
    color: var(--gacor-gold);
}

body.mobile .gacor-active-rtp,
body.desktop .gacor-active-rtp {
    color: var(--gacor-gold);
    text-shadow: 0 0 12px rgba(200, 6, 151, .4);
}

body.mobile .gacor-btn-change,
body.desktop .gacor-btn-change {
    border-color: rgba(200, 6, 151, .4);
    background: rgba(200, 6, 151, .12);
    color: #f7c9ee;
}

body.mobile .gacor-btn-change:hover,
body.desktop .gacor-btn-change:hover {
    background: rgba(200, 6, 151, .22);
    border-color: var(--gacor-gold);
    color: #ffffff;
}

/* Judul blok mengikuti gradien .u-section-title tema ini. `color` ditulis
   dulu persis seperti .u-section-title di baris 2 file ini: view tidak
   memberi `color` pada judul ini, jadi tanpa itu ia mewarisi emas tema dan
   hanya tidak terlihat karena text-fill transparan. */
body.mobile .gacor-server-title,
body.desktop .gacor-server-title {
    color: #c80697;
    background-image: linear-gradient(180deg, #fc0fc0 0%, #c80697 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 2px 8px rgba(200, 6, 151, .35));
}

/* Tombol "Aktifkan Server Gacor" — aksi utama, jadi aksen tema penuh.
   Teksnya putih karena magenta terang tidak menambah kontras dengan gelap. */
body.mobile .gacor-btn-activate,
body.desktop .gacor-btn-activate {
    background: linear-gradient(135deg, #7e1b3e 0%, #c80697 50%, #fc0fc0 100%);
    color: #ffffff;
    box-shadow:
        0 4px 16px rgba(200, 6, 151, .45),
        0 0 0 1px rgba(252, 15, 192, .25) inset;
}

body.mobile .gacor-btn-activate:hover:not(:disabled),
body.desktop .gacor-btn-activate:hover:not(:disabled) {
    box-shadow:
        0 6px 22px rgba(200, 6, 151, .55),
        0 0 24px rgba(252, 15, 192, .2);
}