/* MIYA Mobile Legends inspired theme */
/* VEXANA / MOBILE LEGENDS INSPIRED — purple necromancer theme */
:root{--body-theme-bg:#071b30;--announcement-cntr-bg:#103553;--announcement-cntr-color:#f6eaff;--banner-bg:#0b2b47;--home-info-cntr-bg:#103c5a;--home-info-cntr-border:1px solid #77d9f4;--popular-games-bg:#123a54;--popular-games-left-section-title-bg:#176d91;--popular-games-nav-tabs-li-a-bg:#164b69;--popular-games-nav-tabs-li-a-active-bg:#55d9ed;--popular-games-tab-pane-bg:#09283f;--promotion-cntr-bg:#10364e;--promotion-list-bg:#174a65;--provider-slide-bg:#123e5c;--arcade-games-cntr-bg:#123e5c;--sports-cntr-bg:#123e5c;--jackpot-winners-bg:#123e5c;--download-apk-btn-bg:linear-gradient(120deg,#155878,#8fe7f6,#155878);--home-progressive-jackpot-bg:linear-gradient(120deg,#071e36,#297b9d,#071e36);--yss-navy:#071b30;--yss-teal:#a4edff;--yss-gold:#f1dca4;--yss-red:#2b9ac3}
html body{background:radial-gradient(ellipse at 55% -15%,#7936b3 0%,transparent 52%),radial-gradient(ellipse at 100% 55%,#a83dff44 0%,transparent 45%),repeating-linear-gradient(155deg,transparent 0 95px,#d38aff0b 96px 98px,transparent 99px 190px),linear-gradient(180deg,#0c0618 0%,#281039 55%,#090411 100%)!important;color:#f6ecff!important}
html body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 110px,#db92ff12 111px 112px,transparent 113px 225px),radial-gradient(ellipse at 25% 80%,#ae45ff26,transparent 55%);opacity:.9!important}
html body .topbar-container,html body .site-header{background:linear-gradient(100deg,#14091f,#482060 48%,#1c0b2c)!important;border-bottom:2px solid #b966f4!important;box-shadow:0 8px 30px #0008!important}
html body .site-header:after{background:linear-gradient(90deg,transparent,#c65fff,#f3d2ff,#802ac0,transparent)!important}
html body .site-header a,html body .topbar-container a{color:#f8ecff!important}
html body .container-title,html body .section-title,html body .popular-game-title-container .container-title,html body .home-game-list-container .container-title{background:linear-gradient(110deg,#34134f,#7934aa 50%,#4b1a6b)!important;border-left:4px solid #edbbff!important;border-bottom:1px solid #b95aff!important;color:#f8e7ff!important;text-shadow:0 2px 9px #0009!important}
html body .container-content,html body .home-inner-container,html body .popular-games,html body .promotion-container,html body .home-game-list-container{background:linear-gradient(145deg,#123e5c,#160a26)!important;border:1px solid #8f41be!important;border-radius:12px!important;box-shadow:0 12px 34px #0008!important}
html body .announcement-container,html body .home-info-container{background:linear-gradient(140deg,#3a1757,#1b0c2b)!important;border:1px solid #a64cdb!important;color:#f5e7ff!important}
html body .nav-btn,html body .btn-primary,html body .register-button,html body .register-btn{background:linear-gradient(125deg,#71329f,#e2aaff 48%,#a84de3)!important;color:#210b34!important;border:1px solid #f7d7ff!important;border-radius:9px!important;font-weight:800!important;box-shadow:0 4px 18px #b04bff66!important;transition:transform .2s,filter .2s!important}
html body .login-button,html body .login-btn{background:linear-gradient(120deg,#4e1c83,#b454f3,#722b9c)!important;border:1px solid #e2b3ff!important;color:#fff!important;border-radius:9px!important;box-shadow:0 4px 18px #9d3bf266!important}
html body .register-button:hover,html body .login-button:hover,html body .btn-primary:hover{transform:translateY(-2px)!important;filter:brightness(1.12)!important}
html body h1,html body h2,html body h3,html body h4{color:#e9bdff!important;text-shadow:0 2px 12px #0009!important}
html body p,html body .site-description,html body .site-description li{color:#f0e4fb!important}
html body a{color:#ce8bff}html body a:hover{color:#f6d2ff}
html body table{background:#1d0d30!important;border:1px solid #994ac7!important;box-shadow:0 8px 28px #0008!important}
html body th{background:linear-gradient(110deg,#38134e,#7331a5,#9c3ac8)!important;color:#f9e9ff!important;border-color:#b55de6!important}
html body td{background:#230f34!important;color:#f2e8ff!important;border-color:#69318c!important}
html body tr:nth-child(even) td{background:#301541!important}html body tr:hover td{background:#451d5e!important}
html body .modal-content,html body .popup-modal{background:linear-gradient(145deg,#37194f,#160a26)!important;border:1px solid #cb83ff!important;color:#f8efff!important;box-shadow:0 20px 60px #000b!important}
html body .modal-header,html body .modal-footer{border-color:#8543b0!important}
html body .site-footer,html body .site-footer .container,html body .site-footer .footer-description-section,html body .site-footer .site-description{background-color:#170b25!important;background-image:linear-gradient(140deg,#10071c 0%,#3b1a54 50%,#160a24 100%)!important;color:#f2e7ff!important}
html body .site-footer{border-top:3px solid #ba72ec!important;background-attachment:scroll!important}
html body .site-footer .site-description ul>li,html body .site-footer .site-description ol>li{color:#f2e7ff!important}
html body .site-footer .site-description li::marker{color:#f1dca4!important}
html body .site-footer .site-description strong{color:#f3c8ff!important}
html body .site-footer .site-description h2,html body .site-footer .site-description h3{border-bottom:1px solid #8c49ba;padding-bottom:8px}
html body .banner,html body .banner-carousel{background:#1c0d2c!important;border:1px solid #bf77ec!important;border-radius:12px!important;overflow:hidden;box-shadow:0 14px 42px #0009!important}
html body .logo img{max-width:100%;height:auto;filter:drop-shadow(0 0 14px #bb5aff77)}
html body input,html body select,html body textarea{accent-color:#ae55e6}
html body ::-webkit-scrollbar-track{background:#160923}html body ::-webkit-scrollbar-thumb{background:linear-gradient(#f1dca4,#7c35ae)}
@media(max-width:767px){html body .site-header .container,html body .topbar-container .container{max-width:100%!important}html body .site-footer .site-description{padding:14px!important;overflow-wrap:anywhere}html body .site-footer .site-description table{display:block;max-width:100%;overflow-x:auto}html body .site-footer .site-description h2{font-size:23px!important}html body .site-footer .site-description h3{font-size:19px!important}html body .register-button,html body .login-button{min-height:38px!important}}
@media(prefers-reduced-motion:reduce){html body *{transition:none!important;animation:none!important}}

/* VEXANA — royal necromancer aura, spectral violet accents */
:root{--vex-deep:#100619;--vex-violet:#a84bf0;--vex-orchid:#d58bff;--vex-silver:#f3dfff}
html body{background:radial-gradient(ellipse at 52% -10%,#7c28b866 0%,transparent 50%),radial-gradient(ellipse at 90% 65%,#b044d438 0%,transparent 45%),radial-gradient(ellipse at 8% 80%,#6d279b40,transparent 46%),linear-gradient(180deg,#100619,#2b1040 52%,#0b0413)!important}
html body:before{background:radial-gradient(2px 2px at 18% 25%,#e9b9ff 95%,transparent),radial-gradient(2px 2px at 75% 60%,#a95dff 95%,transparent),radial-gradient(1px 1px at 45% 80%,#fff 95%,transparent),repeating-linear-gradient(135deg,transparent 0 105px,#c567ff0a 106px 108px,transparent 109px 210px);background-size:260px 260px,320px 320px,180px 180px,auto;animation:vex-mist 9s ease-in-out infinite alternate!important}
@keyframes vex-mist{from{opacity:.35}to{opacity:.85}}
html body .site-header,html body .topbar-container{background:linear-gradient(110deg,#13081f,#4a1c68 52%,#1a0b2b)!important;border-bottom:2px solid #bb69ee!important}
html body .container-title,html body .section-title{background:linear-gradient(110deg,#2c1146,#7834a6,#321149)!important;box-shadow:inset 0 1px #e4b1ff55,0 5px 20px #09021188!important}
html body .register-button,html body .register-btn{background:linear-gradient(120deg,#7a32ad,#df9cff,#9d45df)!important;color:#1b092b!important}
html body .login-button,html body .login-btn{background:linear-gradient(120deg,#40145f,#963bc8,#571d7f)!important;color:#fff!important}
html body .site-footer,html body .site-footer .container,html body .site-footer .footer-description-section,html body .site-footer .site-description{background-color:#1a0829!important;background-image:linear-gradient(145deg,#100619,#3d1456 52%,#17091f)!important}
html body .site-footer .site-description h2,html body .site-footer .site-description h3{color:#e7b5ff!important}
html body .site-footer .site-description li::marker{color:#d999ff!important}
html body .logo img{filter:drop-shadow(0 0 15px #c16bff99)!important}
@media(prefers-reduced-motion:reduce){html body:before{animation:none!important}}

/* MIYA — Moonlight Archer / Mobile Legends inspired: lunar cyan, midnight blue and silver */
:root{--body-theme-bg:#071827;--announcement-cntr-bg:#103b58;--announcement-cntr-color:#e4f8ff;--banner-bg:#0a2941;--home-info-cntr-bg:#103b56;--home-info-cntr-border:1px solid #62cfe9;--popular-games-bg:#10364e;--popular-games-left-section-title-bg:#17688b;--popular-games-nav-tabs-li-a-bg:#154965;--popular-games-nav-tabs-li-a-active-bg:#2a9cc1;--popular-games-tab-pane-bg:#09263d;--promotion-cntr-bg:#102e48;--promotion-list-bg:#174a64;--provider-slide-bg:#103b56;--arcade-games-cntr-bg:#103b56;--sports-cntr-bg:#103b56;--jackpot-winners-bg:#103b56}
html body{background:radial-gradient(circle at 50% 0%,#60cde44a,transparent 37%),radial-gradient(ellipse at 95% 60%,#235f8c55,transparent 48%),linear-gradient(160deg,#05111f,#103c5b 55%,#061827)!important;color:#e9f8ff!important}
html body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(2px 2px at 14% 19%,#c6faff 95%,transparent),radial-gradient(2px 2px at 75% 35%,#f9e5b4 95%,transparent),radial-gradient(1px 1px at 60% 85%,#d1f5ff 95%,transparent),repeating-linear-gradient(145deg,transparent 0 115px,#7acbe80d 116px 117px,transparent 118px 230px);background-size:290px 290px,360px 360px,200px 200px,auto;opacity:.5!important;animation:miya-stars 12s ease-in-out infinite alternate!important}
@keyframes miya-stars{from{opacity:.22}to{opacity:.7}}
html body .topbar-container,html body .site-header{background:linear-gradient(110deg,#071b2d,#185576 55%,#081d32)!important;border-bottom:2px solid #76d7ee!important;box-shadow:0 8px 30px #020b19aa!important}
html body .site-header:after{background:linear-gradient(90deg,transparent,#5cc9e8,#f6e5b5,#5cc9e8,transparent)!important}
html body .container-title,html body .section-title,html body .popular-game-title-container .container-title,html body .home-game-list-container .container-title{background:linear-gradient(105deg,#10344e,#247c9c,#10344e)!important;color:#f3fcff!important;border-left:4px solid #e8d6a0!important;border-bottom:1px solid #6bd5e9!important}
html body .container-content,html body .home-inner-container,html body .popular-games,html body .promotion-container,html body .home-game-list-container{background:linear-gradient(145deg,#123d56,#091f34)!important;border:1px solid #3f99b5!important;border-radius:14px!important;box-shadow:0 12px 32px #0008!important}
html body .announcement-container,html body .home-info-container{background:linear-gradient(140deg,#18516b,#0c2940)!important;border:1px solid #65cde4!important;color:#f1faff!important}
html body .register-button,html body .register-btn,html body .btn-primary,html body .nav-btn{background:linear-gradient(115deg,#187fa2,#b2f2fa 48%,#2b9ebf)!important;color:#06283b!important;border:1px solid #d6faff!important;border-radius:9px!important;font-weight:800!important;box-shadow:0 4px 18px #5bd6ef66!important}
html body .login-button,html body .login-btn{background:linear-gradient(115deg,#0b3c5b,#237fa2,#0b3c5b)!important;color:#fff!important;border:1px solid #8ce0ef!important;border-radius:9px!important}
html body h1,html body h2,html body h3,html body h4{color:#b9effb!important;text-shadow:0 2px 10px #001625!important}
html body p,html body .site-description,html body .site-description li{color:#e5f6ff!important}
html body a{color:#9beaff}html body a:hover{color:#f5dfa8}
html body table{background:#0c2c45!important;border:1px solid #58b5d1!important}
html body th{background:linear-gradient(110deg,#124663,#267e9f)!important;color:#f4fdff!important;border-color:#73d2e7!important}
html body td{background:#102f49!important;color:#e8f8ff!important;border-color:#367c99!important}
html body tr:nth-child(even) td{background:#143b55!important}html body tr:hover td{background:#1c526e!important}
html body .modal-content,html body .popup-modal{background:linear-gradient(145deg,#164763,#071d32)!important;border:1px solid #80d8ea!important;color:#f0fbff!important}
html body .site-footer,html body .site-footer .container,html body .site-footer .footer-description-section,html body .site-footer .site-description{background-color:#081e32!important;background-image:linear-gradient(145deg,#071626,#164761 52%,#081d30)!important;color:#e8f8ff!important}
html body .site-footer{border-top:3px solid #72d2e9!important}
html body .site-footer .site-description h2,html body .site-footer .site-description h3{color:#b9effb!important;border-bottom:1px solid #4c9eb8!important}
html body .site-footer .site-description strong{color:#f0dda6!important}
html body .site-footer .site-description li::marker{color:#e7d39b!important}
html body .banner,html body .banner-carousel{background:#0b2940!important;border:1px solid #70cde6!important;border-radius:12px!important;overflow:hidden}
html body .logo img{filter:drop-shadow(0 0 14px #65d7f499)!important}
html body input,html body select,html body textarea{accent-color:#38b3d1}
@media(max-width:767px){html body .site-footer .site-description{padding:14px!important;overflow-wrap:anywhere}html body .site-footer .site-description table{display:block;max-width:100%;overflow-x:auto}html body .site-footer .site-description h2{font-size:23px!important}}
@media(prefers-reduced-motion:reduce){html body:before{animation:none!important}}