/* === Critical fonts & base === */
@font-face{font-family:LatoWeb;font-display:swap;src:url(https://d33egg70nrp50s.cloudfront.net/Fonts/Lato-Regular.woff2)format("woff2"),url(https://d33egg70nrp50s.cloudfront.net/Fonts/Lato-Regular.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:gilroybold;font-display:swap;src:url(https://d33egg70nrp50s.cloudfront.net/Fonts/Gilroy-Bold.woff2)format("woff2"),url(https://d33egg70nrp50s.cloudfront.net/Fonts/Gilroy-Bold.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:Open24DisplaySt;font-display:swap;src:url(https://d33egg70nrp50s.cloudfront.net/Fonts/Open24DisplaySt.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"Glyphicons Halflings";font-display:swap;src:url(https://d33egg70nrp50s.cloudfront.net/Fonts/glyphicons-halflings-regular.woff)format("woff")} body{font-family:LatoWeb;font-size:14px}h1,h2,h3,h4{font-family:inherit}.glyphicon{font-family:"Glyphicons Halflings"}.home-progressive-jackpot{width:100%;overflow:hidden;border-radius:15px}.home-progressive-jackpot img{width:100%;max-width:100%;display:block;object-fit:cover} /* ===mdr-v2-beta-desktop (base) === */ /* NUGET: BEGIN LICENSE TEXT * * Microsoftgrants you the right to use these script files for the sole * purpose of either:(i) interacting through your browser with the Microsoft * website or onlineservice, subject to the applicable licensing or use * terms; or (ii) using thefiles as included with a Microsoft product subject * to that product's licenseterms. Microsoft reserves all other rights to the * files not expressly grantedby Microsoft, whether by implication, estoppel * or otherwise. The notices andlicenses below are for informational purposes only. * * NUGET: END LICENSE TEXT*/ /*! * Bootstrap v3.0.0 * * Copyright 2013 Twitter, Inc * Licensed under theApache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designedand built with all the love in the world by @mdo and @fat. */ /*! normalize.cssv2.1.0 | MIT License | git.io/normalize */ footer, main { display: block; }[hidden] { display: none; } html { font-family: sans-serif;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0;} a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 {margin: 0.67em 0; font-size: 2em; } strong { font-weight: bold; } hr { height:0; -moz-box-sizing: content-box; box-sizing: content-box; } img { border: 0; }button, input, select { margin: 0; font-family: inherit; font-size: 100%; }button, input { line-height: normal; } button, select { text-transform: none; }button, input[type="submit"] { cursor: pointer; -webkit-appearance: button; }button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }@media print { * { color: #000 !important; text-shadow: none !important;background: transparent !important; box-shadow: none !important; } a, a:visited{ text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; }a[href^="#"]:after { content: ""; } img { page-break-inside: avoid; } img {max-width: 100% !important; } @page { margin: 2cm 0.5cm; } p, h3 { orphans: 3;widows: 3; } h3 { page-break-after: avoid; } .navbar { display: none; } } *,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; } html { font-size: 62.5%; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); } body {line-height: 1.428571429; color: gold} input, button, select { font-family: inherit; font-size: inherit; line-height: inherit; }button, input { background-image: none; } a { color: gold; text-decoration:none; } a:hover, a:focus { color: #2a6496; text-decoration: underline; } a:focus{ outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px; } img { vertical-align: middle; } hr { margin-top: 20px;margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } p { margin: 0 0 10px; } h1, h3, h4 { font-family: "Helvetica Neue", Helvetica, Arial,sans-serif; font-weight: 500; line-height: 1.1; } h1, h3 { margin-top: 20px;margin-bottom: 10px; } h4 { margin-top: 10px; margin-bottom: 10px; } h1 {font-size: 36px; } h3 { font-size: 24px; } h4 { font-size: 18px; } ul { margin-top: 0; margin-bottom: 10px; } .container {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;} .container:before, .container:after { display: table; content: " "; }.container:after { clear: both; } .container:before, .container:after { display:table; content: " "; } .container:after { clear: both; } .row { margin-right:-15px; margin-left: -15px; } .row:before, .row:after { display: table; content:" "; } .row:after { clear: both; } .row:before, .row:after { display: table;content: " "; } .row:after { clear: both; } .col-sm-12, .col-md-3, .col-md-4, .col-md-5, .col-md-12 { position: relative; min-height: 1px;padding-right: 15px; padding-left: 15px; } @media (min-width: 768px) {.container { max-width: 750px; } .col-sm-12 { width: 100%; } } @media (min-width: 992px) { .container { max-width: 970px; } .col-md-3, .col-md-4, .col-md-5 { float: left; } .col-md-3 { width: 25%; } .col-md-4 {width: 33.33333333333333%; } .col-md-5 { width: 41.66666666666667%; } .col-md-12 { width: 100%; } } @media (min-width:1200px) { .container { max-width: 1170px; } } label { display: inline-block;margin-bottom: 5px; font-weight: bold; } .form-control:-moz-placeholder { color:#999; } .form-control::-moz-placeholder { color: #999; }.form-control:-ms-input-placeholder { color: #999; }.form-control::-webkit-input-placeholder { color: #999; } .form-control {display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px;line-height: 1.428571429; color: #555; vertical-align: middle; background-color:#fff; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;} .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-group { margin-bottom: 15px; } .btn { display: inline-block;padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal;line-height: 1.428571429; text-align: center; white-space: nowrap;vertical-align: middle; cursor: pointer; border: 1px solid transparent;border-radius: 4px; -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; -o-user-select: none; user-select: none; } .btn:focus {outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px; } .btn:hover, .btn:focus { color: #333; text-decoration:none; } .btn:active { background-image: none; outline: 0; -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-primary { color: #fff; background-color: #428bca; border-color:#357ebd; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active { color:#fff; background-color: #3276b1; border-color: #285e8e; } .btn-primary:active {background-image: none; } @font-face { font-family: "Glyphicons Halflings"; src:url("/fonts/glyphicons-halflings-regular.eot"); src:url("/fonts/glyphicons-halflings-regular.eot?#iefix")format("embedded-opentype"), url("/fonts/glyphicons-halflings-regular.woff")format("woff"), url("/fonts/glyphicons-halflings-regular.ttf")format("truetype"),url("/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular")format("svg"); } .glyphicon { position: relative; top: 1px; display:inline-block; font-family: "Glyphicons Halflings"; -webkit-font-smoothing:antialiased; font-style: normal; font-weight: normal; line-height: 1; }.glyphicon-chevron-left:before { content: "\e079"; }.glyphicon-chevron-right:before { content: "\e080"; }.glyphicon-chevron-down:before { content: "\e114"; } .dropdown-menu { position:absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left;min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; list-style:none; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip:padding-box; } .navbar { position: relative; z-index: 1000; min-height: 50px;margin-bottom: 20px; border: 1px solid transparent; } .navbar:before,.navbar:after { display: table; content: " "; } .navbar:after { clear: both; }.navbar:before, .navbar:after { display: table; content: " "; } .navbar:after {clear: both; } @media (min-width: 768px) { .navbar { border-radius: 4px; } }.navbar-fixed-top { position: fixed; right: 0; left: 0; border-width: 0 0 1px; }@media (min-width: 768px) { .navbar-fixed-top { border-radius: 0; } }.navbar-fixed-top { top: 0; z-index: 1030; } .alert-success { color: #468847;background-color: #dff0d8; border-color: #d6e9c6; } .alert-danger { color:#b94a48; background-color: #f2dede; border-color: #eed3d7; } .close { float:right; font-size: 21px; font-weight: bold; line-height: 1; color: #000;text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); }.close:hover, .close:focus { color: #000; text-decoration: none; cursor:pointer; opacity: 0.5; filter: alpha(opacity=50); } button.close { padding: 0;cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040;display: none; overflow: auto; overflow-y: scroll; } .modal-dialog { z-index:1050; width: auto; padding: 10px; margin-right: auto; margin-left: auto; }.modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; } .modal-header { min-height:16.428571429px; padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.428571429;} .modal-body { position: relative; padding: 20px; } @media screen and (min-width: 768px) { .modal-dialog { right: auto; left: 50%; width: 600px;padding-top: 30px; padding-bottom: 30px; } .modal-content { -webkit-box-shadow:0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } }@-ms-viewport { width: device-width; } @media screen and (max-width: 400px) {@-ms-viewport { width: 320px; } } /*! jQuery UI - v1.12.1 - 2016-09-14 *http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css,menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css,dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css,selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css,theme.css * To view and modify this theme, visithttp://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px* Copyright jQuery Foundation and other contributors; Licensed MIT */ /*! jQueryTimepicker Addon - v1.6.3 - 2016-04-20 *http://trentrichardson.com/examples/timepicker * Copyright (c) 2016 TrentRichardson; Licensed MIT */ ul { list-style: none; margin: 0; padding: 0; } a {outline: 0; transition: all 0.3s ease; } a, a:hover, a:active { text-decoration:none; } input, button { outline: 0; } /*# sourceMappingURL=introjs.min.css.map*/ @font-face { font-family: "LatoWeb"; src: url("/fonts/Lato-Regular.woff2")format("woff2"), url("/fonts/Lato-Regular.woff") format("woff"); font-weight:normal; font-style: normal; font-display: swap; } @font-face { font-family:"latoblack"; src: url("/fonts/lato-black.woff2") format("woff2"),url("/fonts/lato-black.woff") format("woff"); font-weight: normal; font-style:normal; } @font-face { font-family: "latobold"; src:url("/fonts/lato-bold.woff2") format("woff2"), url("/fonts/lato-bold.woff")format("woff"); font-weight: normal; font-style: normal; font-display: swap; }@font-face { font-family: "Digital Numbers"; src:url("/fonts/DigitalNumbers-Regular.ttf") format("truetype"); font-weight:normal; font-style: normal; } @font-face { font-family: "Average Sans"; src:url("/fonts/AverageSans-Regular.ttf") format("truetype"); font-weight: normal;font-style: normal; } body { font-family: "LatoWeb"; font-size: 14px; } h1, h3, h4 { font-family: inherit; } body {padding-top: 156px} body a, body a:hover, body a:focus { text-decoration: none; } .modal-content { width: 100%; }.topbar-container { padding: 8px 0; border-bottom: 1px solid #171b34;background-color: #141126; font-size: 12px; } .topbar-inner-container { display:flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; }.topbar-inner-group { display: flex; flex-direction: column; align-items:flex-end; } .topbar-sub-section { display: flex; flex-wrap: nowrap;margin-bottom: 10px; } .topbar-sub-section [data-icon] { display: inline-block;height: 14px; width: 14px; background: center no-repeat; background-size:contain; margin-right: 5px; animation-name: topbar-icon-bounce;animation-duration: 2.5s; animation-fill-mode: both; animation-timing-function:linear; animation-iteration-count: infinite; background-image: var(--image-src);} @keyframes topbar-icon-bounce { 0%, 20%, 40%, 60%, 80%, 100% { transform:translateY(0); } 70% { transform: translateY(-5px); } 50% { transform:translateY(-12px); } } .topbar-sub-section .topbar-item { color: #d5d5d5;display: flex; justify-content: center; align-items: center; }.topbar-sub-section .topbar-item + .topbar-item { margin-left: 10px;border-left: 1px dotted #ccc; } .topbar-sub-section .topbar-item a,.topbar-sub-section .topbar-item .live-chat { color: #d5d5d5; padding: 5px 10px;border-radius: 3px; line-height: 1; display: flex; align-items: center; }.topbar-sub-section .topbar-item a:hover, .topbar-sub-section .topbar-item .live-chat:hover { color: #fff; } .topbar-sub-section .topbar-item .live-chat {cursor: pointer; } .topbar-sub-section .language-selector-container { position:relative; color: #fff; padding: 5px 10px; } .topbar-sub-section .language-selector-trigger { cursor: pointer; display: flex; align-items:center; } .topbar-sub-section .language-selector-trigger:after { content: "";display: inline-block; width: 0; height: 0; border: 5px solid transparent;border-top: 5px solid #fff; border-bottom: 0; margin-left: 5px; }.topbar-sub-section .language-selector { background-color: #0b0917; cursor:pointer; padding: 0; min-width: max-content; margin-left: -11px; }.topbar-sub-section .language-selector li { background-color: #141126; padding:7px 10px; white-space: nowrap; margin: 2px 0; display: flex; align-items:center; gap: 10px; } .topbar-sub-section .language-selector li:hover {background-color: #c9176b; } .topbar-sub-section .language-selector .language-name > div:last-child { font-size: 10px; } .topbar-sub-section i[data-language] { display: inline-block; margin-right: 5px; height: 11px;width: 16px; background-repeat: no-repeat; background-image: var(--image-src); }.topbar-sub-section i[data-language="en"] { background-position: -176px -44px; }.topbar-sub-section i[data-language="id"] { background-position: -64px -66px; }.topbar-sub-section i[data-language="kr"] { background-position: -144px -77px; }.topbar-sub-section i[data-language="cn"] { background-position: -208px -22px; }.topbar-sub-section i[data-language="jp"] { background-position: -16px -77px; }.topbar-sub-section i[data-language="th"] { background-position: -160px -143px;} .topbar-sub-section i[data-language="my"] { background-position: -16px -99px;} .topbar-sub-section i[data-language="kh"] { background-position: -64px -77px;} .topbar-sub-section i[data-language="hi"] { background-position: -128px -66px;} .topbar-sub-section i[data-language="ta"] { background-position: -128px -66px;} .topbar-sub-section i[data-language="te"] { background-position: -128px -66px;} .topbar-sub-section i[data-language="vi"] { background-position: -16px -165px;} .topbar-sub-section i[data-language="bn"] { background-position: -32px -11px;} .topbar-sub-section i[data-language="pt"] { background-position: -112px -121px; } .site-header { background: linear-gradient(to right, #320a4c 0%,#470a30 100%); box-shadow: inset 0 2px 1px rgba(255, 255, 255, 0.1); }.site-header .container .row > div { position: initial; }.site-header-inner-container { display: flex; flex-wrap: nowrap;justify-content: center; align-content: center; } .topbar-inner-container .logo{ display: inline-block; width: 20%; padding-top: calc((20% * 68 / 300) + 15px *2); position: relative; } .topbar-inner-container .logo > img { position:absolute; top: 0; left: 0; height: calc(100% - 15px * 2); margin: 15px 0; }.menu-slide { display: flex; align-items: center; overflow: hidden; }.menu-slide > i { cursor: pointer; color: #fff; top: -2px; } .menu-slide > i.glyphicon-chevron-left { margin-right: 10px; } .menu-slide > i.glyphicon-chevron-right { margin-left: 10px; } .top-menu { font-size: 15px;margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: nowrap;flex-grow: 1; overflow: hidden; scroll-behavior: smooth; } .top-menu > li {color: #fff; display: flex; flex-shrink: 0; flex: 0 1 auto; padding: 0 4px 0 4px; white-space: nowrap; } .top-menu > li + li:before { content: "";background: #580c50; height: 20px; width: 1px; margin: 0 10px 0 10px; top: 20px;position: relative; } .top-menu > li > a { text-decoration: none; display:block; width: 100%; text-align: center; color: inherit; text-transform:uppercase; white-space: nowrap; padding: 20px 0; font-size: 12px; position:relative; } .top-menu > li > a > i { font-size: 12px; } .top-menu > li:hover {color: #db1acb; } .top-menu > li:hover > a > i:not([data-icon]) { transform:rotate(-180deg); } .top-menu > li:not(:hover) .game-list-container { display:none; } .footer-separator { padding: 15px 0 0; margin: 15px 0 0; border-top: 1px dotted #4f8acf; } .site-footer { padding: 25px 0; } .copyright { margin-bottom: 15px;} .copyright { color: #fff; text-align: right; } .footer-info-container {display: flex; } .footer-info-container .site-info { flex-basis: calc(100% / 3 +30px); position: relative; padding-right: 30px; } .footer-info-container .site-info:last-child { flex-basis: calc(100% / 3 - 30px * 2); padding: 0; }.footer-info-container .site-info:not(:last-child):after { content: "";position: absolute; display: inline-block; top: 90px; right: 20px; width: 1px;bottom: 20px; background-color: #0a2c52; border-radius: 2px; }.site-info:not(:last-child) { padding-right: 40px; }.site-info:not(:last-child):after { content: ""; position: absolute; display:inline-block; top: 90px; right: 10px; width: 1px; bottom: 20px;background-color: #0a2c52; border-radius: 2px; } .site-info [data-icon] {display: inline-block; height: 40px; width: 40px; background: no-repeat left; }.site-info [data-icon="service"] { background-position-y: 0; } .site-info[data-icon="product"] { background-position-y: 0px; } .site-info[data-icon="help-and-service"] { background-position-y: 0px; } .site-info .site-info-title { display: flex; flex-wrap: nowrap; align-items: center;padding: 15px 0; border-bottom: 1px dotted #315581; } .site-info .site-info-title [data-icon] { margin-right: 20px; } .site-info .site-info-title h3 { font-size: 21px; color: #b9c6d6; } .site-info .site-info-title p {font-size: 12px; color: #3b4b71; } .site-info .site-info-title h3, .site-info .site-info-title p { margin: 0; padding: 0; } .site-info .site-info-description{ margin: 20px 0; } .site-info .site-info-description.with-seperator +.with-seperator { border-top: 1px dotted #3c4b72; padding-top: 10px; }.site-info .site-info-description h4, .site-info .site-info-description p {color: #596b95; } .site-info .site-info-description h4 { font-size: 17px;margin-bottom: 0; } .site-info .site-info-description p { font-size: 12px;line-height: 20px; } .bank-list > li { position: relative; display:inline-block; padding: 5px 2px 5px 10px; } .bank-list [data-online] img { width:80px; height: 40px; } .bank-list > [data-online="true"]:before { content: "";position: absolute; top: 5px; left: 2px; bottom: 5px; width: 5px; border-radius:2px; } .bank-list > [data-online="true"]:before { background-color: #0f0; }.social-media-list { margin-top: 5px; } .social-media-list > li { display:inline-block; } .social-media-list > li img { width: 32px; height: 32px; }.social-media-list > li:hover img { animation: bounce 1s; } @keyframes bounce {0%, 20%, 60%, 100% { -webkit-transform: translateY(0); transform: translateY(0);} 40% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }.footer-section-title { color: #fff; } .supported-browser-container { display:flex; justify-content: flex-end; } .hover-list { display: flex; flex-wrap: wrap;} .hover-list > li + li { margin-left: 10px; } .hover-list > li { position:relative; } .hover-list > li picture, .hover-list > li img { width: 100%; }.hover-list > li a > picture:first-child, .hover-list > li > picture:first-child{ opacity: 1; } .hover-list > li a > picture:last-child, .hover-list > li >picture:last-child { position: absolute; left: 0; top: 0; opacity: 0; }.hover-list > li a > picture:first-child, .hover-list > li >picture:first-child, .hover-list > li a > picture:last-child, .hover-list > li >picture:last-child { transition: opacity 0.5s; } .hover-list > li:hover a >picture:first-child, .hover-list > li:hover > picture:first-child { opacity: 0;} .hover-list > li:hover a > picture:last-child, .hover-list > li:hover >picture:last-child { opacity: 1; } .register-modal .register-page-reminder { margin: 20px 0;color: #b2b0b9; text-align: center; } .register-modal .register-page-link {text-align: center; } .register-modal .register-page-link a { color: #d51ac5; }.register-modal .modal-body, .forgot-password-modal .modal-body {background-color: #0f0c1b; border-bottom-left-radius: inherit;border-bottom-right-radius: inherit; } .forgot-password-modal .forgot-password-dice-1, .forgot-password-modal .forgot-password-dice-2 {content: ""; position: absolute; background: center no-repeat; background-size:contain; } .forgot-password-modal .forgot-password-dice-1 { height: 186px;width: 128px; top: -30px; right: 100%; } .forgot-password-modal .forgot-password-dice-2 { width: 90px; height: 151px; top: 50px; left: 100%; }.login-modal .modal-dialog { width: 483px; } .register-modal .modal-header,.forgot-password-modal .modal-header,.simple-modal .modal-header {background-color: #0c0c0c; background-image: none; color: #fff; text-align:center; border-top-left-radius: inherit; border-top-right-radius: inherit;border-bottom: 0; min-height: 50px; text-transform: uppercase; } .register-modal .modal-body, .forgot-password-modal .modal-body, .simple-modal .modal-body {padding-top: 1px; } .register-modal .modal-header > *, .forgot-password-modal .modal-header > *, .simple-modal .modal-header > * { color: #fff; }.register-modal .modal-header hr, .forgot-password-modal .modal-header hr, .simple-modal hr { margin: 10px 0 0 0; height: 1px; border: 0; background:-webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent),color-stop(50%, #fff)); } .forgot-password-modal label { color: #fff;font-weight: normal; } .forgot-password-modal .btn { width: 80%; padding: 12px;border-radius: 4px; } .login-modal .login-form-container .popup-loader-container{ display: flex; justify-content: center; align-items: center; } .simple-modal .modal-header { padding: 32px 16px 12px; } .simple-modal .modal-header .close {margin: 0 0 12px; } .simple-modal .modal-body { padding: 1px 32px 12px; }.bonus-selection-popup-container:empty { display: none; } .modal-dialog {display: flex; align-items: center; justify-content: center; min-height: 100%;pointer-events: none; } .modal-content { flex-basis: 100%; pointer-events:initial; background: transparent; border: 0; border-radius: 10px; }.modal-header { background-color: #600000; background-image: linear-gradient(to bottom, #600000 0%, #3d0000 100%); text-align: center; border-top-left-radius:inherit; border-top-right-radius: inherit; border-bottom: 0; min-height: 50px;text-transform: uppercase; } .register-modal .modal-header,.forgot-password-modal .modal-header { background-color: #111; background-image:none; color: #fff; text-align: center; border-top-left-radius: inherit;border-top-right-radius: inherit; border-bottom: 0; min-height: 50px;text-transform: uppercase; } .register-modal .modal-header hr,.forgot-password-modal .modal-header hr { margin: 10px 0 0 0; height: 1px;border: 0; background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent),to(transparent), color-stop(50%, #fff)); } .modal-header .close { opacity: 1;color: #fff; margin: 0; } .modal-body { background-color: #f2f2f3; color: #333;} .modal-body:last-child { border-bottom-left-radius: inherit;border-bottom-right-radius: inherit; } .modal-body img { max-width: 100%; }.register-modal .modal-body { padding-top: 1px; } .standard-required-message {color: #f00; display: block; margin-top: 5px; } .standard-required-message {display: none; } .alert-success, .alert-danger { padding: 10px; }.standard-inline-form-group { display: flex; flex-wrap: nowrap; align-items:center; margin-bottom: 15px; } .standard-inline-form-group label { flex-grow: 1;margin: 0; color: #fff; font-weight: 100; } .standard-inline-form-group .form-control { background-color: #0c0914; border: 1px solid #1f1632; color:#fff; border-radius: 5px; } .standard-inline-form-group [data-section="input"] {width: 60%; flex-shrink: 0; } .standard-button-group { text-align: center;margin-bottom: 15px; } .standard-button-group .btn-primary { background:#db1acb; background-image: linear-gradient(to right, #db1acb 0%, #470a30 100%);padding: 10px 20px; border: 0; } .standard-button-group .btn-primary { padding:10px 35px; } .standard-button-group .btn-primary:hover { background: #470a30;background-image: linear-gradient(to right, #470a30 0%, #db1acb 100%); }.loader-spinner { width: 50px; height: 50px; position: relative; }.loader-spinner > span:before, .loader-spinner > span:after { content: "";position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius:100%; border: 5px solid transparent; border-top-color: #333; } .loader-spinner >span:before { z-index: 100; animation: spin 1s infinite; } .loader-spinner >span:after { border: 5px solid #ccc; } @keyframes spin { 0% { -webkit-transform:rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg);transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg);-ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform:rotate(360deg); } } .search-popup-container { display: none; position: fixed;top: 0; bottom: 0; left: 0; right: 0; width: 100vw; height: 100vh;background-color: rgba(0, 0, 0, 0.8); z-index: 1030; overflow-y: auto; }.alert-danger, .alert-success { border-radius: 5px; padding: 8px; margin-bottom:16px; } .modal-body:has(.resolved-transaction-popup) { background: none; border:0; } .modal-header:has(+ .modal-body .resolved-transaction-popup) { background:none; border: 0; background-image: none; }.modal-content:has(.resolved-transaction-popup) { background:var(--modal-body-resolved-trans-details-bg); border-color:var(--modal-body-resolved-trans-details-bg); } .login-panel { display: flex;flex-wrap: nowrap; justify-content: flex-end; color: #fff; } .login-panel .login-panel-item + .login-panel-item { margin-left: 10px; } .login-panel .login-panel-item:last-of-type { padding-right: 15px; margin-right: 15px; }.login-panel .login-button, .login-panel .register-button { border-radius: 15px;display: block; padding: 3px 10px; text-transform: uppercase; color: inherit;line-height: 22px; border: 0; width: 90px; text-align: center; outline: 0; }.login-panel .login-button { background: #362f5e; } .login-panel .login-button:hover { background: #221e37; } .login-panel .register-button {background: #db1acb; background: linear-gradient(to right, #db1acb 0%, #c9176b 100%); } .login-panel .register-button:hover { background: #c9176b; background:linear-gradient(to right, #c9176b 0%, #db1acb 100%); } @keyframes spin { 0% {transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spin{ 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform:rotate(360deg); } } .play-now { display: flex; align-items: center;justify-content: center; cursor: pointer; white-space: nowrap; font-size: 14px;border-radius: 18px; padding: 3px 15px; margin: 5px 0; text-decoration: none; }.play-now:hover { text-decoration: none; } .play-now { color: #fff; background:#ba166e; background: linear-gradient(to right, #ba166e 0%, #661181 100%);font-family: "latobold"; } .play-now:hover { color: #fff; background: #661181;background: linear-gradient(to right, #661181 0%, #ba166e 100%); } .game-list {background-color: #0a0813; border: 2px solid #322547; padding: 10px;border-radius: 30px; } .game-list { margin-top: 20px; display: flex; flex-wrap:wrap; } .game-list .game-item { width: calc((100% - (5px * 6 * 2)) / 6); margin:5px; padding: 5px; background-color: #1e1a31; background-image:linear-gradient(to bottom, #1e1a31 0%, #171429 100%); border-radius: 25px;position: relative; } .game-list img { position: absolute; top: 0; left: 0;height: 100%; width: 100%; transition: transform 0.2s; transform-origin: center;} .game-list .game-name, .game-list .provider-name { font-size: 14px; color:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;text-align: center; } .game-list .game-name { padding: 4px 10px 8px; }.game-list .link-container { background-color: rgba(6, 0, 15, 0.85); position:absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction:column; align-items: center; justify-content: center; } .game-list .wrapper-container { position: relative; padding-top: 100%; border-radius: 25px;overflow: hidden; } .game-list .wrapper-container:hover { background: #000; }.game-list .wrapper-container:hover img { transform: scale(1.25); } .game-list .wrapper-container:not(:hover) .link-container { display: none; } .game-list .link-container a { margin: 10px; width: 70%; padding: 10px 15px; }

/* === mdr-v2-beta-desktop (layout) === */
.banner { aspect-ratio: 1920/613; }
.home-inner-container { background-color: rgba(22, 18, 40, 0.83); padding: 30px; border-radius: 30px; }
.popular-game-title-container { display: flex; align-items: center; padding: 10px; margin-top: 20px; color: #fff; }
.popular-game-title-container .title { font-size: 20px; display: flex; align-items: center; }
.popular-game-title-container > i { border-bottom: 2px solid #451e58; border-top: 2px solid #0d0d0d; flex-grow: 1; margin: 0 15px; }
.popular-game-title-container + .game-list-container { background-color: #0a0813; border: 2px solid #322547; padding: 10px 15px; border-radius: 30px; }
.popular-game-title-container + .game-list-container .game-list { overflow-x: auto; flex-wrap: nowrap; padding: 0; margin: 0; border: 0; }
.popular-game-title-container + .game-list-container .game-list .game-item { flex-shrink: 0; position: relative; }
.popular-game-title-container + .game-list-container .game-list::-webkit-scrollbar { height: 7px; }
.popular-game-title-container + .game-list-container .game-list::-webkit-scrollbar-track { background: transparent; }
.popular-game-title-container + .game-list-container .game-list::-webkit-scrollbar-thumb { background: #58585a; border-radius: 5px; }
.popular-game-title-container + .game-list-container .game-list .games-group { width: calc((100% - 6px * 5) / 6.5); flex-shrink: 0; display: flex; flex-direction: column; gap: 10px; margin: 3px; }
.popular-game-title-container + .game-list-container .game-list .games-group .game-item { width: 100%; margin: 0; }

/* === mdr-v2-beta-desktop (utilities) === */
table:has(+ .empty-table-container) { margin-bottom: 0; padding-bottom: 0; }

/* === dark-blue theme === */
:root {
    --main-theme-color: #600000;
    --theme-red: #600000;
    --theme-red-dark: #3d0000;
    --theme-red-glow: rgba(255, 0, 0, 0.22);
    --theme-gold: gold;
    --theme-bg: #0a0a0a;
    --theme-panel: rgba(13, 13, 13, 0.92);
    --theme-text: #e0e0e0;
    --theme-radius: 16px;
}

.home-inner-container { background-color: #151515; }
.popular-game-title-container { color: #fff; }
.popular-game-title-container > i { border-bottom-color: #540505; border-top-color: #490909; }
.play-now { color: #fff; background: #4582b4; background: linear-gradient(to right, #5b0e0e 0%, #500b0b 100%); }
.play-now:hover { color: #fff; background: #305d82; background: linear-gradient(to right, #420a0a 0%, #521212 100%); }
.game-list, .popular-game-title-container + .game-list-container { background-color: transparent; border-color: transparent; }
.game-list .game-item { background-color: #360404; background-image: none; }
.game-list .game-name { color: #fff; }
.game-list .provider-name { color: gold; }
.game-list .link-container { background-color: rgba(6, 0, 15, 0.85); }
.game-list .wrapper-container:hover { background: #000; }
body { background-color: #0d0d0d; }
.topbar-container { border-bottom-color: #151515; background-color: #151515; }
.topbar-sub-section .topbar-item { color: #d5d5d5; }
.topbar-sub-section .topbar-item + .topbar-item { border-left-color: #ccc; }
.topbar-sub-section .topbar-item a, .topbar-sub-section .topbar-item .live-chat { color: #fff; }
.topbar-sub-section .topbar-item a:hover, .topbar-sub-section .topbar-item .live-chat:hover { color: gold; }
.topbar-sub-section .language-selector-container { color: #fff; }
.topbar-sub-section .language-selector-trigger:after { border-color: transparent; border-top-color: #fff; }
.topbar-sub-section .language-selector { background-color: #2a2a2a; }
.topbar-sub-section .language-selector li { background-color: #111; }
.topbar-sub-section .language-selector li:hover { background-color: #881111; }
.site-header { background: #600000; box-shadow: none; }
.top-menu > li { color: #fff; }
.top-menu > li + li:before { background: #353535; }
.top-menu > li:hover { color: gold; }
.register-modal .register-page-reminder { color: #fff; }
.register-modal .register-page-link a { color: gold; }
.register-modal .modal-body, .forgot-password-modal .modal-body { background-color: #111; color: #fff; }
.login-panel { color: #fff; }
.login-panel .login-button { background: transparent; border: 1px solid #fff; transition: all 0.3s ease; }
.login-panel .login-button:hover { background: #5f5f5f; border-color: #5f5f5f; }
.login-panel .register-button { background: #6b1313; background: linear-gradient(to right, #600f0f 0%, #641111 100%); }
.login-panel .register-button:hover { background: #305d82; background: linear-gradient(to right, #350606 0%, #400505 100%); }
.modal-header { background-color: #600000; background-image: linear-gradient(to bottom, #600000 0%, #3d0000 100%); color: #fff; }
.modal-header .close { color: #fff; }
.modal-body { background-color: #0c0c0c; color: #fff; }
.standard-required-message { color: #f00; }
.standard-inline-form-group label { color: #fff; }
.standard-inline-form-group .form-control { background-color: #0c0c0c; border-color: #2a2a2a; color: #fff; }
.standard-button-group .btn-primary { background: linear-gradient(135deg, #7a1515 0%, #600000 100%); background-image: none; color: #fff; }
.standard-button-group .btn-primary:hover { background: linear-gradient(135deg, #600000 0%, #9a2020 100%); color: #fff; background-image: none; }
.site-info .site-info-title p, .site-footer .copyright, .site-info .site-info-description h4, .site-info .site-info-description p { color: #696969; }
.site-info .site-info-title h3, .footer-section-title { color: #d5d5d5; }
.footer-separator, .site-info .site-info-title, .site-info .site-info-description.with-seperator + .with-seperator { border-color: #696969; }
.footer-info-container .site-info:not(:last-child):after { background-color: #696969; }
.modal-content:has(.resolved-transaction-popup) { background: #252525; border-color: #252525; }

/* === article === */
.slot-article-box {
    max-width: 1100px;
    margin: 40px auto;
    padding: 28px 32px;
    border-radius: 16px;
    background: linear-gradient(145deg, #1a1a1a, #0d0d0d);
    border: 1px solid rgba(255, 0, 0, 0.25);
    box-shadow: 0 12px 30px rgba(255, 0, 0, 0.35);
    color: #e9f7e9;
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    line-height: 1.7;
}
.slot-article-box h1, .slot-article-box h2, .slot-article-box h3 {
    color: #ffffff;
    line-height: 1.35;
    margin: 0 0 16px;
    text-shadow: 0 0 12px rgba(255, 0, 0, 0.45);
}
.slot-article-box h1 { font-size: 2.25rem; }
.slot-article-box h2 { font-size: 1.85rem; margin-top: 28px; }
.slot-article-box h3 { font-size: calc(1.85rem - 1px); margin-top: 24px; }
.slot-article-box p { margin: 0 0 16px; text-align: justify; color: #e9f7e9; }
.slot-article-box a { color: #e9f7e9; font-weight: bold; text-decoration: none; border-bottom: none; }
.slot-article-box a:hover { color: #e9f7e9; text-decoration: none; }
.slot-article-box ul { margin: 0 0 16px; padding-left: 1.5rem; }
.slot-article-box li { margin-bottom: 8px; }
.slot-article-box li::marker { color: gold; }
@media (max-width: 768px) {
    .slot-article-box { margin: 24px 12px; padding: 20px 18px; }
    .slot-article-box h1 { font-size: 1.75rem; }
    .slot-article-box h2 { font-size: 1.5rem; }
    .slot-article-box h3 { font-size: calc(1.5rem - 1px); }
}

/* === banner === */
.banner {
    width: 100%;
    aspect-ratio: auto;
    height: auto;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}
.banner-carousel, .banner-carousel > a { display: block; width: 100%; height: auto; margin: 0 auto; text-align: center; }
.banner-carousel img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
    aspect-ratio: auto;
    object-fit: contain;
}

/* === footer: selaras lebar .container === */
.site-footer { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.site-footer > .container { max-width: none; width: 100%; padding-left: 0; padding-right: 0; }
@media (min-width: 768px) { .banner { max-width: 750px; } .site-footer { max-width: 750px; } }
@media (min-width: 992px) { .banner { max-width: 970px; } .site-footer { max-width: 970px; } }
@media (min-width: 1200px) { .banner { max-width: 1170px; } .site-footer { max-width: 1170px; } }

/* === register popup (MAIN button) === */
.modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 10990;
    background-color: rgba(0, 0, 0, 0.65);
}

#popup_modal.is-open {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: fixed;
    inset: 0;
    z-index: 11000;
    overflow: hidden;
    padding: 15px;
}

#popup_modal.is-open .modal-dialog {
    position: relative;
    left: auto !important;
    right: auto !important;
    z-index: 11001;
    width: 100%;
    max-width: 420px;
    margin: 0 !important;
    padding: 0;
    min-height: auto;
    display: block;
    pointer-events: auto;
    transform: none !important;
}

#popup_modal .modal-content {
    background: #111;
    border: 1px solid #3a3a3a;
    border-radius: 10px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
}

#popup_modal .register-popup-message {
    text-align: center;
    font-size: 16px;
    line-height: 1.6;
    margin: 0 0 24px;
    color: #fff;
}

#popup_modal .register-popup-actions {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

#popup_modal .register-popup-actions .play-now {
    min-width: 130px;
    padding: 10px 24px;
    border: 0;
    cursor: pointer;
}

body.modal-open { overflow: hidden; }

/* === footer info (PELAYANAN / PRODUK / BANTUAN) === */
.footer-info-container {
    display: flex;
    align-items: stretch;
    position: relative;
    overflow: hidden;
    margin: 8px 0 20px;
    padding: 28px 32px 24px;
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(26, 10, 10, 0.94), rgba(13, 13, 13, 0.9));
    border: 1px solid rgba(255, 0, 0, 0.22);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.6), 0 0 32px rgba(255, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    isolation: isolate;
}
.footer-info-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 80% 60% at 15% 0%, rgba(96, 0, 0, 0.45) 0%, transparent 60%),
        radial-gradient(ellipse 70% 50% at 85% 100%, rgba(96, 0, 0, 0.28) 0%, transparent 55%),
        radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.25) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}
.footer-info-container::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    pointer-events: none;
    z-index: 0;
}
.footer-info-container .site-info {
    flex: 1 1 33.333%;
    min-width: 0;
    padding: 0 28px !important;
    position: relative;
    z-index: 1;
}
.footer-info-container .site-info:first-child { padding-left: 0 !important; }
.footer-info-container .site-info:last-child { padding-right: 0 !important; }
.footer-info-container .site-info::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background: linear-gradient(to bottom, transparent, rgba(255, 0, 0, 0.25) 20%, rgba(255, 0, 0, 0.25) 80%, transparent);
}
.footer-info-container .site-info:last-child::after { display: none; }
.footer-info-container .site-info .site-info-title {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 0 14px;
    margin-bottom: 4px;
    border-bottom: 1px dotted rgba(255, 0, 0, 0.2);
}
.footer-info-container .site-info .site-info-title [data-icon] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin-right: 0;
    background-image: url(/assets/favicon.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.footer-info-container .site-info .site-info-title h3 { margin: 0; font-size: 17px; color: #e8e8e8; }
.footer-info-container .site-info .site-info-title p { margin: 4px 0 0; font-size: 12px; color: #888; }
.footer-info-container .site-info-description { margin: 14px 0; }
.footer-info-container .site-info-description.with-seperator + .with-seperator {
    border-top: 1px dotted rgba(255, 0, 0, 0.18);
    padding-top: 14px;
    margin-top: 0;
}
.footer-info-container .site-info-description h4 { margin: 0 0 6px; font-size: 13px; font-weight: 600; color: #b5b5b5; letter-spacing: 0.03em; }
.footer-info-container .site-info-description p { margin: 0 0 6px; font-size: 13px; line-height: 1.6; color: #888; }
.footer-info-container #deposit_progress,
.footer-info-container #withdrawal_progress,
.footer-info-container [data-average-time] { color: #ffffff; font-weight: 600; font-size: 15px; }
.footer-info-container .bank-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 12px 0 0; padding: 0; }
.footer-info-container .bank-list > li {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 8px;
    margin: 0;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 0, 0, 0.18);
    border-radius: 8px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.footer-info-container .bank-list > li::before { display: none; }
.footer-info-container .bank-list img { width: auto; max-width: 72px; height: 36px; object-fit: contain; }
.footer-info-container .social-media-list { list-style: none; padding: 0; margin: 10px 0 0; }
.footer-info-container .social-media-list a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}
.footer-info-container .social-media-list a:hover { color: #e8e8e8; }
.footer-info-container .social-media-list img { width: 22px; height: 22px; }
@media (max-width: 991px) {
    .footer-info-container { flex-direction: column; gap: 0; padding: 22px 20px 18px; }
    .footer-info-container .site-info { padding: 20px 0 !important; }
    .footer-info-container .site-info::after {
        top: auto;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: linear-gradient(to right, transparent, rgba(255, 0, 0, 0.25) 20%, rgba(255, 0, 0, 0.25) 80%, transparent);
    }
    .footer-info-container .site-info:last-child::after { display: none; }
    .footer-info-container .bank-list { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 576px) {
    .footer-info-container .bank-list { grid-template-columns: repeat(2, 1fr); }
}

/* === global polish (tema DRAGON222) === */
html { scroll-behavior: smooth; }
body {
    background-color: var(--theme-bg);
    background-image:
        radial-gradient(ellipse 120% 70% at 50% -15%, rgba(96, 0, 0, 0.18) 0%, transparent 55%),
        radial-gradient(ellipse 50% 40% at 100% 80%, rgba(96, 0, 0, 0.1) 0%, transparent 50%);
    color: var(--theme-text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body a { color: var(--theme-gold); transition: color 0.25s ease, opacity 0.25s ease; }
body a:hover, body a:focus { color: #fff; text-decoration: none; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #111; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #7a1515, #4a0a0a); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #600000; }

.navbar.navbar-fixed-top { box-shadow: 0 4px 24px rgba(0, 0, 0, 0.55); }

.topbar-container {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #1a0a0a 0%, #0d0505 100%) !important;
    border-bottom: 1px solid var(--theme-red-glow) !important;
    isolation: isolate;
}
.topbar-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='batik' width='50' height='50' patternUnits='userSpaceOnUse' patternTransform='rotate(40)'%3E%3Cpath d='M-5 25 C8 8 22 8 25 25 S42 42 25 25' fill='none' stroke='%23e83838' stroke-width='1.1'/%3E%3Cpath d='M5 12 C15 22 23 8 12 5' fill='none' stroke='%23b02020' stroke-width='0.85'/%3E%3Cpath d='M10 38 C20 28 32 28 42 38' fill='none' stroke='%23d02828' stroke-width='0.75'/%3E%3Ccircle cx='18' cy='18' r='2.2' fill='%23ff4444'/%3E%3Ccircle cx='36' cy='32' r='1.6' fill='%23c82020'/%3E%3Ccircle cx='28' cy='8' r='1.2' fill='%23e83030'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100' height='100' fill='url(%23batik)'/%3E%3C/svg%3E");
    background-size: 110px 110px;
    background-repeat: repeat;
    opacity: 0.26;
    filter: drop-shadow(0 0 6px rgba(255, 40, 40, 0.18));
    pointer-events: none;
    z-index: 0;
}
.topbar-container::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.26) 50%, rgba(0, 0, 0, 0.38) 100%),
        radial-gradient(ellipse 80% 120% at 50% 0%, rgba(180, 20, 20, 0.32) 0%, transparent 72%);
    pointer-events: none;
    z-index: 0;
}
.topbar-container > .container { position: relative; z-index: 1; }
.topbar-inner-container, .topbar-inner-group, .login-panel { position: relative; z-index: 1; }
.topbar-sub-section .topbar-item a:hover,
.topbar-sub-section .topbar-item .live-chat:hover { color: var(--theme-gold) !important; }
.topbar-sub-section .language-selector li:hover { background-color: var(--theme-red) !important; }
.login-panel .login-button {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    transition: all 0.25s ease;
}
.login-panel .login-button:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: var(--theme-gold) !important;
    color: #fff !important;
}
.login-panel .register-button {
    background: linear-gradient(135deg, #7a1515 0%, #600000 100%) !important;
    box-shadow: 0 2px 12px rgba(255, 0, 0, 0.25);
    transition: all 0.25s ease;
}
.login-panel .register-button:hover {
    background: linear-gradient(135deg, #600000 0%, #9a2020 100%) !important;
    box-shadow: 0 4px 18px rgba(255, 0, 0, 0.4);
    transform: translateY(-1px);
}

.site-header {
    background: linear-gradient(90deg, #600000 0%, #450000 50%, #600000 100%) !important;
    box-shadow: 0 2px 16px rgba(96, 0, 0, 0.35);
    padding: 0;
}
.site-header-inner-container { width: 100%; }
.site-header .menu-slide { width: 100%; display: flex; align-items: center; gap: 6px; padding: 0 2px; }
.site-header .menu-slide > i {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.12);
    font-size: 11px;
    color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}
.site-header .menu-slide > i:hover {
    color: var(--theme-gold);
    background: rgba(0, 0, 0, 0.45);
    border-color: rgba(255, 215, 0, 0.35);
}
.site-header .top-menu {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.site-header .top-menu::-webkit-scrollbar { display: none; }
.site-header .top-menu > li {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    min-width: 0;
    position: relative;
}
.site-header .top-menu > li + li::before { display: none !important; }
.site-header .top-menu > li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: 1px;
    background: rgba(255, 255, 255, 0.14);
    pointer-events: none;
}
.site-header .top-menu > li > a {
    width: 100%;
    padding: 15px 8px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    white-space: nowrap;
    transition: color 0.2s ease, background 0.2s ease;
}
.site-header .top-menu > li > a > .glyphicon-chevron-down {
    font-size: 9px;
    opacity: 0.7;
    margin-left: 1px;
    transition: opacity 0.2s ease, transform 0.2s ease;
}
.site-header .top-menu > li:hover { color: var(--theme-gold) !important; background: rgba(0, 0, 0, 0.22); }
.site-header .top-menu > li:hover > a > .glyphicon-chevron-down { opacity: 1; }
@media (max-width: 1200px) {
    .site-header .top-menu { justify-content: flex-start; gap: 2px; }
    .site-header .top-menu > li { flex: 0 0 auto; }
    .site-header .top-menu > li > a { padding: 14px 12px; }
}
@media (max-width: 768px) {
    .site-header .top-menu > li > a { font-size: 10px; padding: 12px 10px; letter-spacing: 0.04em; }
    .site-header .menu-slide > i { width: 26px; height: 26px; }
}

.banner { margin-top: 4px; }
.banner-carousel img { border-radius: 12px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45); }

.home-outer-container { margin-top: 8px; margin-bottom: 16px; }
.home-inner-container {
    background: linear-gradient(145deg, rgba(26, 10, 10, 0.94), rgba(13, 13, 13, 0.9)) !important;
    border: 1px solid var(--theme-red-glow);
    border-radius: var(--theme-radius) !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5), 0 0 28px rgba(255, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.home-progressive-jackpot {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--theme-red-glow);
    box-shadow: 0 4px 20px rgba(255, 0, 0, 0.15);
}
.popular-game-title-container { margin-top: 24px; }
.popular-game-title-container .title {
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-shadow: 0 0 14px rgba(255, 0, 0, 0.35);
}
.popular-game-title-container > i {
    border-bottom-color: rgba(255, 0, 0, 0.45) !important;
    border-top-color: rgba(0, 0, 0, 0.6) !important;
}
.popular-game-title-container + .game-list-container {
    border-color: rgba(255, 0, 0, 0.2) !important;
    background: rgba(0, 0, 0, 0.35) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.game-list {
    border-color: rgba(255, 0, 0, 0.18) !important;
    background: rgba(10, 8, 13, 0.6) !important;
}
.game-list .game-item {
    background: linear-gradient(180deg, #1e1212 0%, #140a0a 100%) !important;
    border: 1px solid transparent;
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
.game-list .game-item:hover {
    transform: translateY(-5px);
    border-color: var(--theme-red-glow);
    box-shadow: 0 10px 28px rgba(255, 0, 0, 0.22);
}
.game-list .game-name { font-weight: 600; letter-spacing: 0.02em; }
.game-list .wrapper-container { transition: background 0.25s ease; }
.play-now {
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
    box-shadow: 0 2px 10px rgba(255, 0, 0, 0.3);
}
.play-now:hover { transform: scale(1.05); box-shadow: 0 4px 16px rgba(255, 0, 0, 0.45); }
.popular-game-title-container + .game-list-container .game-list::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, #5a1010, #3d0000);
}

.site-footer {
    padding-top: 20px;
    padding-bottom: 30px;
    border-top: 1px solid var(--theme-red-glow);
    background: linear-gradient(180deg, transparent 0%, rgba(96, 0, 0, 0.06) 100%);
}
.site-footer .copyright { text-align: center; color: #999; font-size: 13px; letter-spacing: 0.02em; }
.footer-separator { border-top-color: rgba(255, 0, 0, 0.2) !important; opacity: 1; }
.site-footer > .container .copyright { padding: 4px 0; }
.site-footer > .row { max-width: 1170px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
.footer-section-title {
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 12px;
    color: #e8e8e8 !important;
}
.site-footer .hover-list > li { transition: transform 0.25s ease; }
.site-footer .hover-list > li:hover { transform: translateY(-3px); }

#popup_modal .modal-content {
    background: linear-gradient(145deg, #1a0a0a, #111) !important;
    border: 1px solid var(--theme-red-glow) !important;
    box-shadow: 0 20px 56px rgba(0, 0, 0, 0.65), 0 0 36px rgba(255, 0, 0, 0.18) !important;
}
#popup_modal .modal-header {
    background: linear-gradient(90deg, #600000, #3d0000) !important;
    background-image: none !important;
}
#popup_modal .modal-body { background: #111 !important; }
#popup_modal .register-popup-actions .play-now:hover { transform: scale(1.06); }

.modal-header,
.register-modal .modal-header,
.forgot-password-modal .modal-header,
.login-modal .modal-header,
.simple-modal .modal-header {
    background: linear-gradient(90deg, #600000, #3d0000) !important;
    background-image: none !important;
    background-color: #600000 !important;
    color: #fff !important;
}
.modal-header .close { color: #fff !important; opacity: 1; }
.modal-body { background-color: #111 !important; color: #e0e0e0 !important; }
.standard-button-group .btn-primary {
    background: linear-gradient(135deg, #7a1515 0%, #600000 100%) !important;
    background-image: none !important;
    border: 0 !important;
    color: #fff !important;
}
.standard-button-group .btn-primary:hover,
.standard-button-group .btn-primary:focus {
    background: linear-gradient(135deg, #600000 0%, #9a2020 100%) !important;
    color: #fff !important;
}
.register-modal .register-page-link a { color: gold !important; }

@media (max-width: 768px) {
    .home-inner-container { padding: 20px 16px !important; border-radius: 12px !important; }
    .slot-article-box { margin: 20px 0; padding: 20px 18px; }
    .banner-carousel img { border-radius: 8px; }
}