/* 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-reels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 24px 0; }
.laga-reels span { display: grid; place-items: center; min-height: 100px; font-size: clamp(32px, 6vw, 58px); background: var(--purple); border: 1px solid #d4af3770; border-radius: 12px; }
.laga-reels.is-spinning span { animation: laga-pulse .2s ease-in-out infinite alternate; }
@keyframes laga-pulse { to { opacity: .45; transform: translateY(-3px); } }
.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-reels { gap: 8px; } }
@media (prefers-reduced-motion: reduce) { .laga-reels.is-spinning span { animation: none; } }