/* VEXANA / MOBILE LEGENDS INSPIRED — purple necromancer theme */
:root{--body-theme-bg:#12091f;--announcement-cntr-bg:#241035;--announcement-cntr-color:#f6eaff;--banner-bg:#190c2c;--home-info-cntr-bg:#291239;--home-info-cntr-border:1px solid #b65bff;--popular-games-bg:#251135;--popular-games-left-section-title-bg:#682e99;--popular-games-nav-tabs-li-a-bg:#3a1b57;--popular-games-nav-tabs-li-a-active-bg:#ad4ef1;--popular-games-tab-pane-bg:#1b0b2b;--promotion-cntr-bg:#251133;--promotion-list-bg:#3b1a53;--provider-slide-bg:#29133e;--arcade-games-cntr-bg:#29133e;--sports-cntr-bg:#29133e;--jackpot-winners-bg:#29133e;--download-apk-btn-bg:linear-gradient(120deg,#582283,#c86bff,#582283);--home-progressive-jackpot-bg:linear-gradient(120deg,#170a29,#7734a3,#170a29);--yss-navy:#12091f;--yss-teal:#dba4ff;--yss-gold:#e8c2ff;--yss-red:#9a3ed0}
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,#29133e,#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:#e8c2ff!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(#e8c2ff,#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}}