/* Shared dialog surfaces, including legacy dialogs populated by game scripts. */
html body #modal-mask,
html body .sk-auth-backdrop,
html body #lux-lw-overlay,
html body #lux-daily-spin-overlay,
html body #lux_ow_modal {
  background: var(--ui-p-050f17c7,rgba(5, 15, 23, .78));
  backdrop-filter: blur(6px);
}
html body #modal-mask { padding: 20px; height: 100dvh; transition: opacity .15s; }
html body #modal-mask.visible { z-index: 10060; }
html body #modal-window { width: 100%; max-width: 560px; margin: auto; outline: none; }
html body #modal-window .modalbox { margin: 0; padding: 0; border-radius: calc(12px * var(--ui-radius-scale,1)); border: 1px solid var(--ui-p-2f4553,#2f4553); background: var(--ui-p-1a2c38,#1a2c38); box-shadow: 0 24px 80px var(--ui-p-00000088,#0008); overflow: hidden; }
html body #modal-window .modalbox header { padding: 23px 60px 23px 24px; background: var(--ui-p-0f212e,#0f212e); border-radius: 0; font-size: 18px; font-weight: 750; font-family: Inter, "Segoe UI", Arial, sans-serif; text-transform: none; letter-spacing: -.02em; }
html body #modal-window .modalbox header i { color: var(--ui-success,#b7f76b); margin-right: 8px; }
html body #modal-window .center-content { padding: 24px; max-height: calc(100dvh - 145px); background: var(--ui-p-1a2c38,#1a2c38); border-radius: 0; font-size: 14px; line-height: 1.7; color: var(--ui-p-a9bdcc,#a9bdcc) !important; scrollbar-width: thin; scrollbar-color: var(--ui-p-3d5868,#3d5868) transparent; }
html body #modal-window .close-modal { position: absolute; top: 16px; right: 16px; display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: calc(6px * var(--ui-radius-scale,1)); background: var(--ui-p-213743,#213743); color: var(--ui-p-a9bdcc,#a9bdcc); font-size: 15px; opacity: 1; z-index: 2; }
html body #modal-window .close-modal:hover { background: var(--ui-p-2f4553,#2f4553); color: var(--ui-p-ffffff,#fff); }
html body #modal-window .input_group,
html body #modal-window .input_group input,
html body #modal-window .input_group textarea,
html body #modal-window .input_wrapper,
html body #modal-window select { background: var(--ui-p-0f212e,#0f212e) !important; border-color: var(--ui-p-35515e,#35515e) !important; color: var(--ui-p-ffffff,#fff) !important; border-radius: calc(6px * var(--ui-radius-scale,1)); font-family: inherit; }
html body #modal-window .input_group { border: 1px solid var(--ui-p-35515e,#35515e); }
html body #modal-window input:focus-visible,
html body #modal-window textarea:focus-visible {   }
html body #modal-window .input_label,
html body #modal-window .title,
html body #modal-window .label { color: var(--ui-p-a9bdcc,#a9bdcc); font-size: 12px; font-weight: 650; }
html body #modal-window .dropdown,
html body #modal-window .option,
html body #modal-window .tagline { background: transparent; color: var(--ui-p-a9bdcc,#a9bdcc); border-color: var(--ui-p-2f4553,#2f4553); }
html body #modal-window .dropdown { border: 1px solid var(--ui-p-2f4553,#2f4553); padding: 12px; border-radius: calc(6px * var(--ui-radius-scale,1)); margin-bottom: 14px; }
html body #modal-window .process_button { background: var(--ui-success,#b7f76b); color: var(--ui-p-14251d,#14251d); font-family: inherit; text-transform: none; letter-spacing: 0; box-shadow: none; border-radius: calc(6px * var(--ui-radius-scale,1)); }
html body #modal-window input[type=checkbox],
html body #modal-window input[type=radio] { accent-color: var(--ui-success,#b7f76b); }
html body #modal-window table { width: 100%; background: var(--ui-p-0f212e,#0f212e); border-radius: calc(6px * var(--ui-radius-scale,1)); overflow: hidden; }
html body #modal-window th,
html body #modal-window td { padding: 10px 12px; color: var(--ui-p-a9bdcc,#a9bdcc); border-color: var(--ui-p-2f4553,#2f4553); }
html body #modal-window a { color: var(--ui-success,#b7f76b); }
/* Login, registration and device verification. */
html body .sk-auth { z-index: 10060; }
html body .sk-auth-panel { width: min(460px,100%); padding: 28px; background: var(--ui-p-1a2c38,#1a2c38); border: 1px solid var(--ui-p-2f4553,#2f4553); border-radius: calc(12px * var(--ui-radius-scale,1)); box-shadow: 0 24px 80px var(--ui-p-00000088,#0008); }
html body .sk-auth-title { font-size: 26px; line-height: 1.2; margin: 26px 0 20px; color: var(--ui-p-ffffff,#fff); letter-spacing: -.035em; }
html body .sk-auth .sk-field { color: var(--ui-p-a9bdcc,#a9bdcc); font-weight: 600; font-size: 12px; }
html body.stake-home .sk-auth .sk-input { background: var(--ui-p-0f212e,#0f212e); border: 1px solid var(--ui-p-35515e,#35515e); border-radius: calc(6px * var(--ui-radius-scale,1)); font-weight: 500; font-family: Inter, "Segoe UI", Arial, sans-serif; }
html body.stake-home .sk-auth .sk-input:focus {   }
html body .sk-auth .sk-auth-go,
html body.stake-home .sk-auth .process_button,
html body.stake-home .sk-auth .process_button.is-ready { background: var(--ui-success,#b7f76b); color: var(--ui-p-14251d,#14251d); font-size: 14px; font-weight: 800; border-radius: calc(6px * var(--ui-radius-scale,1)); }
html body.stake-home .sk-auth .process_button:disabled { background: var(--ui-p-2f4553,#2f4553); color: var(--ui-p-7896a6,#7896a6); cursor: not-allowed; opacity: 1; }
html body .sk-auth .sk-progress span { background: var(--ui-success,#b7f76b); }
html body .sk-auth .sk-check input { accent-color: var(--ui-success,#b7f76b); }
html body .sk-auth .sk-terms { background: var(--ui-p-0f212e,#0f212e); border: 1px solid var(--ui-p-2f4553,#2f4553); border-radius: calc(6px * var(--ui-radius-scale,1)); }
html body .sk-auth .sk-auth-switch a,
html body .sk-auth .sk-auth-link a,
html body .sk-auth .sk-terms a { color: var(--ui-success,#b7f76b); }
html body .sk-auth .lux-device-mail,
html body .sk-auth .lux-code-row input { background: var(--ui-p-0f212e,#0f212e); border-color: var(--ui-p-35515e,#35515e); color: var(--ui-p-ffffff,#fff); }
html body .sk-auth .lux-code-row input:focus {   }
html body .tc-preview-notice { padding: 12px; margin: 18px 0; border: 1px solid var(--ui-p-35515e,#35515e); border-radius: calc(6px * var(--ui-radius-scale,1)); background: var(--ui-p-142936,#142936); color: var(--ui-p-a9bdcc,#a9bdcc); font-size: 12px; line-height: 1.6; }
html body .tc-preview-notice a { color: var(--ui-success,#b7f76b); font-weight: 700; }
/* Reward and offer dialogs contain their own legacy inline style blocks. */
html body #lux-lw-card,
html body #lux-daily-spin-card,
html body #lux_ow_modal .lux-ow-dialog { background: var(--ui-p-1a2c38,#1a2c38); border: 1px solid var(--ui-p-35515e,#35515e); border-radius: calc(12px * var(--ui-radius-scale,1)); box-shadow: 0 24px 80px var(--ui-p-00000088,#0008); }
html body #lux-lw-card::before,
html body #lux-daily-spin-card::before { display: none; }
html body #lux_ow_modal .lux-ow-hero { background: var(--ui-p-0f212e,#0f212e); }
html body #lux_ow_modal .lux-ow-body { background: var(--ui-p-1a2c38,#1a2c38); color: var(--ui-p-a9bdcc,#a9bdcc); }
html body #lux_ow_modal .lux-ow-go,
html body #lux-daily-spin-card button,
html body #lux-lw-card .lux-lw-spin-btn { background: var(--ui-success,#b7f76b); color: var(--ui-p-14251d,#14251d); border-radius: calc(6px * var(--ui-radius-scale,1)); box-shadow: none; }
html body #lux_ow_modal .lux-ow-subtab.active { background: var(--ui-p-2f4553,#2f4553); color: var(--ui-p-ffffff,#fff); }
html body .jq-toast-single { background: var(--ui-p-213743,#213743); color: var(--ui-p-ffffff,#fff); border: 1px solid var(--ui-p-35515e,#35515e); border-radius: calc(8px * var(--ui-radius-scale,1)); box-shadow: 0 8px 30px var(--ui-p-00000055,#0005); font-family: Inter,"Segoe UI",Arial,sans-serif; }
@media(max-width:540px) {
  html body #modal-mask { padding: 12px; }
  html body #modal-window .modalbox header { padding: 20px 52px 20px 18px; }
  html body #modal-window .center-content { padding: 18px; max-height: calc(100dvh - 120px); font-size: 13px; }
  html body #modal-window .close-modal { top: 14px; right: 12px; }
  html body .sk-auth { padding: 12px; }
  html body .sk-auth-panel { padding: 22px; max-height: calc(100dvh - 24px); }
}
html body .sk-auth-panel:focus { outline: none; }
html body:has(.sk-auth), html body:has(#modal-mask.visible) { overflow: hidden; }
html body #lux-lw-card #lux-lw-spin-btn { background: var(--ui-success,#b7f76b); color: var(--ui-p-14251d,#14251d); box-shadow: none; }
html body #lux-lw-card #lux-lw-ok { background: var(--ui-success,#b7f76b); color: var(--ui-p-14251d,#14251d); border-radius: calc(6px * var(--ui-radius-scale,1)); box-shadow: none; }
html body #lux-lw-card .lux-lw-close { background: var(--ui-p-213743,#213743); color: var(--ui-p-a9bdcc,#a9bdcc); border: 0; border-radius: calc(6px * var(--ui-radius-scale,1)); }
html body .tc-pass-reminder { gap: 10px; }
html body .tc-pass-reminder-link { display: flex; align-items: center; gap: 14px; color: inherit; min-width: 0; }
html body .tc-pass-reminder-link > i { color: var(--ui-success,#b7f76b); font-size: 20px; }
html body .tc-pass-dismiss { flex: 0 0 28px; align-self: flex-start; border: 0; width: 28px; height: 28px; border-radius: calc(5px * var(--ui-radius-scale,1)); background: var(--ui-p-29494a,#29494a); color: var(--ui-p-a9bdcc,#a9bdcc); font-size: 12px; cursor: pointer; }
html body .tc-pass-dismiss:hover { background: var(--ui-p-35595a,#35595a); color: var(--ui-p-ffffff,#fff); }

/* Browser autofill must use the same contrast as a manually entered value. */
html { color-scheme: dark; }
html body ::selection { background: var(--ui-success,#b7f76b); color: var(--ui-p-14251d,#14251d); text-shadow: none; }
html body input:autofill,
html body textarea:autofill,
html body select:autofill { background: var(--ui-p-0f212e,#0f212e) !important; color: var(--ui-p-e8f3fa,#e8f3fa) !important; caret-color: var(--ui-success,#b7f76b); }
html body input:-webkit-autofill,
html body input:-webkit-autofill:hover,
html body input:-webkit-autofill:focus,
html body textarea:-webkit-autofill,
html body select:-webkit-autofill {
 -webkit-text-fill-color: var(--ui-p-e8f3fa,#e8f3fa) !important;
 -webkit-box-shadow: 0 0 0 1000px var(--ui-p-0f212e,#0f212e) inset !important;
 box-shadow: 0 0 0 1000px var(--ui-p-0f212e,#0f212e) inset !important;
 caret-color: var(--ui-success,#b7f76b);
}
html body.stake-home .sk-auth .process_button:not(:disabled):hover,
html body.stake-home .sk-auth .process_button.is-ready:not(:disabled):hover,
html body.stake-home .sk-auth .sk-auth-go:not(:disabled):hover,
html body #modal-window .process_button:not(:disabled):hover {
 background: var(--ui-p-c9ff8f,#c9ff8f); color: var(--ui-p-14251d,#14251d); box-shadow: 0 3px 12px var(--ui-p-b7f76b20,#b7f76b20);
}
html body.stake-home .sk-auth .process_button:not(:disabled):active,
html body.stake-home .sk-auth .sk-auth-go:not(:disabled):active { background: var(--ui-p-a4e65e,#a4e65e); color: var(--ui-p-14251d,#14251d); }
html body .sk-register:hover { background: var(--ui-p-c9ff8f,#c9ff8f); color: var(--ui-p-14251d,#14251d); }
html body .sk-auth .sk-auth-go:focus-visible,
html body .sk-auth .process_button:focus-visible { outline: 2px solid var(--ui-p-e1ffc0,#e1ffc0); outline-offset: 3px; }