/* Deep purple, gold, white and black palette. */
:root {
  --purple-base: #28133f;
  --gold: #d4af37;
  --white: #ffffff;
  --black: #050509;
  --purple: #28133f;
}
html, body { background: var(--purple-base); color: var(--white); }
body { background: linear-gradient(135deg, var(--purple-base), var(--black) 65%, var(--purple)); }
p, .site-description, .site-description p, .copyright { color: var(--white); }
a { color: var(--gold); }
a:hover, a:focus { color: var(--white); }
.topbar-container, .site-footer { background: var(--black); color: var(--white); }
.site-header { background: var(--purple-base); border-bottom: 1px solid var(--gold); }
.top-menu, .top-menu .game-list, .login-panel, .announcement-container,
.tickercontainer, .provider-container, .provider-slide, .info-center,
.standard-form-container, .standard-form-content, .tab-content-container,
.large-game-list-container, .home-game-list-container .container-content,
.popular-game-title-container .container-content { background: var(--purple-base); color: var(--white); border-color: var(--gold); }
.panel, .panel-default > .panel-heading, .modal-content, .modal-body,
.dropdown-menu, .language-selector, .top-tab-container a, .standard-side-menu,
.standard-side-menu .menu-section, .provider-slide > main > .slide-item,
.home-progressive-jackpot, .jackpot-container, .jackpot-winners,
.sports-matches-container, .sport-match-item { background: var(--purple); color: var(--white); border-color: var(--gold); }
.site-header .login-button, .login-button, .btn-primary,
.standard-primary-button, .large-game-list .link-container .play-now,
.home-game-list-container .container-title span,
.home-game-list-container .container-title span:after,
.popular-game-title-container .container-title span,
.popular-game-title-container .container-title span:after {
  background: var(--gold); color: var(--black); border-color: var(--gold);
}
.site-header .register-button, .register-button, .standard-secondary-button,
.modal-footer .btn-secondary { background: var(--purple); color: var(--white); border: 1px solid var(--gold); }
.login-button:hover, .btn-primary:hover, .standard-primary-button:hover {
  background: var(--white); color: var(--purple-base); border-color: var(--gold);
}
.register-button:hover, .standard-secondary-button:hover { background: var(--purple-base); color: var(--gold); }
h1, h2, h3, h4, h5, h6, .section-title, .section-heading,
.footer-section-title, .site-info-title, .jackpot-winner-title,
.home-progressive-jackpot .jackpot-container, .winner-amount { color: var(--gold); }
.game-list .game-name, .home-game-list-container .container-content .game-list .game-item .game-name,
.popular-game-title-container .container-content .game-list .game-item .game-name {
  background: var(--purple); color: var(--white);
}
.top-menu .game-list > li > a .background,
.large-game-list li, .large-game-list .game-provider-img {
  background: linear-gradient(180deg, var(--purple-base), var(--purple)); border-color: var(--gold);
}
.form-control, .login-panel input:not([type=submit]):not([type=button]) {
  background-color: var(--black); color: var(--white); border-color: var(--gold);
}
.form-control::placeholder { color: var(--white); opacity: .7; }
.form-control:focus { border-color: var(--gold); box-shadow: 0 0 0 2px #d4af3740; }
.top-tab-container a:hover, .top-tab-container a[data-active=true],
.category-filter-link.active, .category-filter-link:hover { background: var(--purple); color: var(--gold); }
.footer-separator, hr, .modal-header, .modal-footer { border-color: var(--gold); }
:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
::selection { background: var(--gold); color: var(--black); }
/* Additional member information and browser-only demo. */
.laga-extras { margin: 32px 0; color: var(--white); }
.laga-section { margin: 24px 0; padding: clamp(18px, 3vw, 32px); border: 1px solid #d4af3759; border-radius: 16px; background: linear-gradient(135deg, #28133f, #12091e); }
.laga-eyebrow { color: var(--gold); font-size: 11px; letter-spacing: 2px; font-weight: bold; }
.laga-section h2 { margin: 12px 0 16px; font-size: clamp(22px, 3vw, 30px); }
.laga-section p { line-height: 1.8; color: var(--white); }
.laga-section small { display: block; margin-top: 16px; line-height: 1.6; }
.laga-demo { max-width: 580px; margin: 24px auto; padding: 24px; background: var(--black); border: 1px solid var(--gold); border-radius: 16px; text-align: center; }
.laga-demo-top { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; color: var(--gold); }
.laga-paytable { font-size: 12px; }
.laga-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.laga-actions button { padding: 12px 20px; border: 1px solid var(--gold); border-radius: 8px; background: var(--gold); color: var(--black); font: inherit; font-weight: bold; cursor: pointer; }
.laga-actions button.laga-outline { background: var(--purple); color: var(--white); }
.laga-actions button:hover { background: var(--white); color: var(--black); }
.laga-actions button:disabled { opacity: .5; cursor: not-allowed; }
#laga-result { min-height: 28px; margin: 18px 0 0; }
.laga-faq details { border-bottom: 1px solid #d4af373d; padding: 16px 0; }
.laga-faq summary { cursor: pointer; color: var(--gold); font-weight: bold; line-height: 1.6; }
.laga-faq details p { margin: 12px 0 0; }
.laga-reviews { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 24px; }
.laga-review { padding: 22px; background: var(--black); border: 1px solid #d4af3740; border-radius: 12px; }
.laga-review h3 { font-size: 19px; line-height: 1.4; }
.laga-review-tag { color: var(--gold); font-size: 10px; letter-spacing: 1px; }
.laga-review > span:last-child { font-size: 12px; color: var(--gold); }
@media (max-width: 760px) { .laga-reviews { grid-template-columns: 1fr; } .laga-demo { padding: 16px; } 
.laga-blackjack { max-width: 720px; background: radial-gradient(ellipse at center, #3c2056, #10091a); box-shadow: inset 0 0 45px #050509; }
.laga-hand { margin: 22px 0; }
.laga-hand h3 { font-size: 16px; margin: 12px 0; }
.laga-hand h3 span { display: inline-block; padding: 3px 9px; border: 1px solid #d4af3766; border-radius: 20px; color: #fff; }
.laga-cards { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; min-height: 100px; }
.laga-card { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width: 66px; height: 94px; background: #fff; color: #050509; border: 2px solid #d4af37; border-radius: 8px; font: bold 23px Georgia, serif; box-shadow: 0 5px 12px #0006; }
.laga-card.is-red { color: #8e1849; }
.laga-card.is-hidden { color: #d4af37; background: repeating-linear-gradient(45deg, #28133f, #28133f 5px, #3e2256 5px, #3e2256 10px); }
.laga-table-mark { color: #d4af3780; letter-spacing: 4px; font-size: 12px; padding: 10px; border-block: 1px solid #d4af3733; }
.laga-rules { margin-top: 20px; text-align: left; }
.laga-rules summary { color: var(--gold); cursor: pointer; }
.laga-rules p { font-size: 12px; }
@media (max-width: 480px) { .laga-card { width: 48px; height: 74px; font-size: 19px; } .laga-blackjack .laga-actions button { flex: 1 1 42%; padding: 10px 8px; font-size: 12px; } }

/* Subtle landing-page light shimmer; fixed decoration takes no layout space. */
.laga-ambient-glow { position: fixed; inset: 0; overflow: hidden; pointer-events: none; z-index: 1; contain: strict; }
.laga-ambient-glow::before, .laga-ambient-glow::after { content: ''; position: absolute; inset: 0; opacity: 0; pointer-events: none; }
.laga-ambient-glow::before { background: radial-gradient(ellipse 100px 36vh at 0% 35%, #ba83ff35, transparent 100%), radial-gradient(ellipse 90px 30vh at 100% 75%, #d4af3726, transparent 100%); animation: laga-shimmer 9s ease-in-out infinite; }
.laga-ambient-glow::after { background: radial-gradient(ellipse 120px 28vh at 100% 25%, #c39aff30, transparent 100%), radial-gradient(ellipse 100px 24vh at 0% 85%, #d4af3720, transparent 100%); animation: laga-shimmer 12s 4s ease-in-out infinite; }
@keyframes laga-shimmer { 0%, 55%, 100% { opacity: 0; } 65% { opacity: .65; } 74% { opacity: .18; } 82% { opacity: .45; } }
@media (prefers-reduced-motion: reduce) { .laga-ambient-glow { display: none; } .laga-ambient-glow::before, .laga-ambient-glow::after { animation: none; } }