/*
 * Lucky Diamond Royal V70.10
 * Unified Cyber Luxury Casino palette + completely flat frontend controls.
 * Design-only override: no layout, IDs, events, forms, or application logic changed.
 */

:root{
  --ldr-cyber-bg:#07040f;
  --ldr-cyber-bg-deep:#03030b;
  --ldr-cyber-surface:#10142b;
  --ldr-cyber-surface-2:#171026;
  --ldr-cyber-plum:#1b0a2c;
  --ldr-cyber-field:#100416;
  --ldr-cyber-border:#335f82;
  --ldr-cyber-border-soft:#51366d;
  --ldr-cyber-purple:#8d39f8;
  --ldr-cyber-cyan:#4ec8ff;
  --ldr-cyber-gold:#ffd95a;
  --ldr-cyber-green:#46ff98;
  --ldr-cyber-red:#ff637a;
  --ldr-cyber-text:#fff;
  --ldr-cyber-text-soft:#d6d0e6;
  --ldr-cyber-muted:#9d92b8;
}

html{color-scheme:dark}

body[data-page="home"]{
  background:
    radial-gradient(circle at 50% -12%,rgba(94,30,145,.3),transparent 42%),
    linear-gradient(180deg,#12081d 0%,var(--ldr-cyber-bg) 58%,var(--ldr-cyber-bg-deep) 100%) fixed!important;
  color:var(--ldr-cyber-text)!important;
}

body[data-page="home"] :is(p,small,.helper-text,.modal-subtitle,.section-note,.empty-message){
  color:var(--ldr-cyber-text-soft);
}

body[data-page="home"] :is(.v51-hero,.dashboard-secondary,.royal-bottom-nav,.embedded-game-toolbar){
  border-color:var(--ldr-cyber-border-soft)!important;
  background:linear-gradient(180deg,rgba(24,14,39,.98),rgba(8,6,19,.99))!important;
  box-shadow:none!important;
}

body[data-page="home"] :is(
  .royal-promo,
  .game-card,
  #about-section,
  .about-disclaimer,
  .site-purpose-notice,
  .game-search-results,
  .profile-app-install,
  .profile-referral-box,
  .customer-linked-methods,
  .customer-game-account,
  .customer-activity-item
){
  border-color:var(--ldr-cyber-border-soft)!important;
  background:linear-gradient(160deg,var(--ldr-cyber-surface-2),#0d0818)!important;
  box-shadow:0 0 0 1px rgba(78,200,255,.035),0 0 22px rgba(78,200,255,.05)!important;
}

body[data-page="home"] :is(.game-card,.payment-card,.offer-card,.contact-row,.social-card):hover{
  transform:none!important;
  filter:none!important;
}

body[data-page="home"] :is(.game-image-frame,.social-image-frame,.payment-image-frame){
  box-shadow:none!important;
}

/* One consistent overlay and dialog treatment for every frontend popup. */
body[data-page="home"] :is(
  .add-score-modal,
  .reference-modal,
  .contact-message-modal,
  .create-account-request-modal,
  .create-game-account-modal,
  .phone-modal,
  .payment-lightbox,
  .embedded-game-modal
){
  background:radial-gradient(circle at 50% 10%,rgba(110,30,201,.18),transparent 38%),rgba(2,1,8,.9)!important;
  backdrop-filter:blur(12px) saturate(1.08)!important;
}

body[data-page="home"] :is(
  .add-score-card,
  .reference-modal-card,
  .contact-message-card,
  .create-account-request-card,
  .create-game-account-card,
  .phone-modal-card,
  .payment-lightbox-dialog,
  .embedded-game-shell,
  .ai-agent-card
){
  border:1px solid var(--ldr-cyber-border)!important;
  background:linear-gradient(180deg,#17142e 0%,#120919 100%)!important;
  color:var(--ldr-cyber-text)!important;
  box-shadow:0 0 0 1px rgba(141,57,248,.08),0 0 30px rgba(78,200,255,.09)!important;
}

body[data-page="home"] :is(
  .add-score-card,
  .reference-modal-card,
  .contact-message-card,
  .create-account-request-card,
  .create-game-account-card,
  .phone-modal-card,
  .payment-lightbox-dialog,
  .ai-agent-card
)::before{
  box-shadow:none!important;
}

body[data-page="home"] :is(
  .add-score-card,
  .reference-modal-card,
  .contact-message-card,
  .create-account-request-card,
  .create-game-account-card,
  .phone-modal-card,
  .ai-agent-card
) :is(h1,h2){
  color:var(--ldr-cyber-text)!important;
  text-shadow:none!important;
  -webkit-text-fill-color:currentColor!important;
  filter:none!important;
}

body[data-page="home"] :is(
  .add-score-card,
  .reference-modal-card,
  .contact-message-card,
  .create-account-request-card,
  .create-game-account-card,
  .phone-modal-card,
  .ai-agent-card
) :is(h3,legend,.modal-eyebrow){
  color:var(--ldr-cyber-gold)!important;
  text-shadow:none!important;
}

/* Shared flat form fields. */
body[data-page="home"] :is(
  .add-score-card,
  .reference-modal-card,
  .contact-message-card,
  .create-account-request-card,
  .create-game-account-card,
  .phone-modal-card,
  .customer-auth-card,
  .ai-agent-card
) :is(input:not([type="radio"]):not([type="checkbox"]),select,textarea){
  border:1px solid #63398a!important;
  background:var(--ldr-cyber-field)!important;
  background-image:none!important;
  color:var(--ldr-cyber-text)!important;
  -webkit-text-fill-color:var(--ldr-cyber-text)!important;
  box-shadow:none!important;
  text-shadow:none!important;
  color-scheme:dark!important;
}

body[data-page="home"] :is(
  .add-score-card,
  .reference-modal-card,
  .contact-message-card,
  .create-account-request-card,
  .create-game-account-card,
  .phone-modal-card,
  .customer-auth-card,
  .ai-agent-card
) :is(input,select,textarea):focus{
  border-color:var(--ldr-cyber-cyan)!important;
  outline:2px solid rgba(78,200,255,.2)!important;
  outline-offset:1px!important;
  box-shadow:none!important;
}

body[data-page="home"] :is(input,textarea)::placeholder{
  color:#91899c!important;
  -webkit-text-fill-color:#91899c!important;
  opacity:1!important;
}

body[data-page="home"] select option{
  background:var(--ldr-cyber-field)!important;
  color:var(--ldr-cyber-text)!important;
}

body[data-page="home"] :is(label,.field label){
  color:#f5eef9;
  text-shadow:none!important;
}

/* Reusable inner panels use the same navy/plum language as the supplied sample. */
body[data-page="home"] :is(
  .add-score-payment-side,
  .add-score-amount-side,
  .score-sender-wrap,
  .score-game-account-field,
  .account-rule-note,
  .request-confirm-summary,
  .request-status-step,
  .allocation-status,
  .withdrawal-rule-grid>div,
  .rules-popup-content>*,
  .my-profile-id-box,
  .profile-app-install,
  .profile-referral-box
){
  border-color:var(--ldr-cyber-border-soft)!important;
  background:var(--ldr-cyber-surface-2)!important;
  background-image:none!important;
  box-shadow:none!important;
}

body[data-page="home"] :is(
  .score-selected-game,
  .score-own-allocation,
  .withdrawal-live-panel,
  .withdrawal-available,
  .request-status-estimate,
  .game-hub-header,
  .my-profile-id-box
){
  border-color:var(--ldr-cyber-border)!important;
  background:var(--ldr-cyber-surface)!important;
  background-image:none!important;
  box-shadow:none!important;
}

body[data-page="home"] :is(.score-selected-game,.score-own-allocation,.my-profile-id-box) strong{
  color:var(--ldr-cyber-green)!important;
  text-shadow:none!important;
}

/* Exact Add Score split style shown in the reference screenshot. */
html body[data-page="home"] #add-score-modal #score-split-options:not(#ldr-theme-escape),
html body[data-page="home"] #add-score-modal #score-other-options:not(#ldr-theme-escape),
html body[data-page="home"] #add-score-modal #score-app-split-options:not(#ldr-theme-escape){
  border:1px solid var(--ldr-cyber-border)!important;
  border-radius:14px!important;
  background:#130b1d!important;
  background-image:none!important;
  box-shadow:none!important;
}

html body[data-page="home"] #add-score-modal #score-own-allocation:not(#ldr-theme-escape){
  border:1px solid var(--ldr-cyber-border)!important;
  background:var(--ldr-cyber-surface)!important;
  background-image:none!important;
  box-shadow:none!important;
}

html body[data-page="home"] #add-score-modal :is(.score-profile-row,.score-app-allocation-row):not(#ldr-theme-escape){
  border:1px solid #665132!important;
  background:#1b1124!important;
  background-image:none!important;
  box-shadow:none!important;
}

html body[data-page="home"] #add-score-modal :is(.score-profile-row,.score-app-allocation-row) :is(input,select){
  border-color:#63398a!important;
  background:var(--ldr-cyber-field)!important;
  color:#fff!important;
  box-shadow:none!important;
}

html body[data-page="home"] #add-score-modal :is(.score-allocation-total,.score-app-allocation-total):not(#ldr-theme-escape){
  border:1px solid var(--ldr-cyber-border)!important;
  outline:0!important;
  background:var(--ldr-cyber-surface)!important;
  background-image:none!important;
  color:var(--ldr-cyber-text-soft)!important;
  box-shadow:none!important;
}

html body[data-page="home"] #add-score-modal :is(.score-allocation-total,.score-app-allocation-total).balanced:not(#ldr-theme-escape){
  border-color:#26865e!important;
  background:#0d2a22!important;
  color:#8fffc2!important;
}

html body[data-page="home"] #add-score-modal :is(.score-allocation-total,.score-app-allocation-total).over:not(#ldr-theme-escape){
  border-color:#8f3248!important;
  background:#2b0d17!important;
  color:#ffb5c2!important;
}

body[data-page="home"] #add-score-modal .score-split-help,
body[data-page="home"] #add-score-modal .score-profile-status{
  color:var(--ldr-cyber-text-soft)!important;
}

body[data-page="home"] #add-score-modal .score-profile-status.success{color:#83f5b7!important}
body[data-page="home"] #add-score-modal .score-profile-status.error{color:#ffacba!important}

body[data-page="home"] #add-score-modal .score-destination-options span{
  border-color:var(--ldr-cyber-border-soft)!important;
  background:#21112e!important;
  background-image:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
}

body[data-page="home"] #add-score-modal .score-destination-options input:checked+span{
  border-color:#a86aff!important;
  background:#7427c7!important;
  background-image:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
}

body[data-page="home"] :is(.reference-stepper span,.request-progress-track){
  box-shadow:none!important;
}

/*
 * Every actual frontend button is flat.
 * Backgrounds are deliberately untouched so every existing semantic color stays the same.
 */
html body[data-page="home"] button:not(#ldr-flat-escape),
html body[data-page="home"] input[type="button"]:not(#ldr-flat-escape),
html body[data-page="home"] input[type="submit"]:not(#ldr-flat-escape),
html body[data-page="home"] input[type="reset"]:not(#ldr-flat-escape),
html body[data-page="home"] [role="button"]:not(#ldr-flat-escape),
html body[data-page="home"] a.btn:not(#ldr-flat-escape),
html body[data-page="home"] a[class*="-button"]:not(#ldr-flat-escape),
html body[data-page="home"] a.phone-action:not(#ldr-flat-escape){
  box-shadow:none!important;
  text-shadow:none!important;
  transform:none!important;
  filter:none!important;
  translate:none!important;
  scale:none!important;
  -webkit-appearance:none;
  appearance:none;
  transition:background-color .14s ease,border-color .14s ease,color .14s ease,opacity .14s ease!important;
}

html body[data-page="home"] button:not(#ldr-flat-escape) *,
html body[data-page="home"] [role="button"]:not(#ldr-flat-escape) *{
  text-shadow:none!important;
  filter:none!important;
}

html body[data-page="home"] button:not(#ldr-flat-escape)::before,
html body[data-page="home"] button:not(#ldr-flat-escape)::after,
html body[data-page="home"] [role="button"]:not(#ldr-flat-escape)::before,
html body[data-page="home"] [role="button"]:not(#ldr-flat-escape)::after,
html body[data-page="home"] a[class*="-button"]:not(#ldr-flat-escape)::before,
html body[data-page="home"] a[class*="-button"]:not(#ldr-flat-escape)::after{
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}

html body[data-page="home"] button:not(#ldr-flat-escape):is(:hover,:focus,:active),
html body[data-page="home"] input[type="button"]:not(#ldr-flat-escape):is(:hover,:focus,:active),
html body[data-page="home"] input[type="submit"]:not(#ldr-flat-escape):is(:hover,:focus,:active),
html body[data-page="home"] input[type="reset"]:not(#ldr-flat-escape):is(:hover,:focus,:active),
html body[data-page="home"] [role="button"]:not(#ldr-flat-escape):is(:hover,:focus,:active),
html body[data-page="home"] a.btn:not(#ldr-flat-escape):is(:hover,:focus,:active),
html body[data-page="home"] a[class*="-button"]:not(#ldr-flat-escape):is(:hover,:focus,:active),
html body[data-page="home"] a.phone-action:not(#ldr-flat-escape):is(:hover,:focus,:active){
  box-shadow:none!important;
  text-shadow:none!important;
  transform:none!important;
  filter:none!important;
  translate:none!important;
  scale:none!important;
}

html body[data-page="home"] button:not(#ldr-flat-escape):focus-visible,
html body[data-page="home"] [role="button"]:not(#ldr-flat-escape):focus-visible,
html body[data-page="home"] a[class*="-button"]:not(#ldr-flat-escape):focus-visible{
  outline:2px solid var(--ldr-cyber-cyan)!important;
  outline-offset:2px!important;
}

/* Anchor-based controls receive the same flat treatment without recoloring. */
html body[data-page="home"] :is(
  a.social-dash-link,
  .contact-message-options a,
  a.dash-opt,
  a.service-opt,
  a.embedded-game-external,
  a.game-button,
  a.phone-action
):not(#ldr-flat-escape),
html body[data-page="home"] :is(
  a.social-dash-link,
  .contact-message-options a,
  a.dash-opt,
  a.service-opt,
  a.embedded-game-external,
  a.game-button,
  a.phone-action
):not(#ldr-flat-escape):is(:hover,:focus,:active){
  box-shadow:none!important;
  text-shadow:none!important;
  transform:none!important;
  filter:none!important;
  translate:none!important;
  scale:none!important;
}

/* Create controls retain their requested yellow/purple colors without bevel or extrusion. */
html body[data-page="home"] :is(
  #game-hub-modal button[data-hub-action="create"],
  #create-account-modal #create-account-submit
):not(#ldr-flat-escape){
  background:#f1c232!important;
  background-image:none!important;
  border-color:#ffe584!important;
  color:#190f00!important;
  -webkit-text-fill-color:#190f00!important;
  box-shadow:none!important;
  text-shadow:none!important;
}

/* Close controls stay flat and in the already-correct top-right position. */
html body[data-page="home"] :is(
  .add-score-close,
  .contact-message-close,
  .phone-modal-close,
  .reference-modal-close,
  .payment-lightbox-close,
  .ai-agent-close
):not(#ldr-flat-escape){
  box-shadow:none!important;
  text-shadow:none!important;
  transform:none!important;
  filter:none!important;
}

@media(prefers-reduced-motion:reduce){
  body[data-page="home"] *,body[data-page="home"] *::before,body[data-page="home"] *::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}