/* 888 LOTTO ATBP Player v3.10.72 — dynamic OptekPay payout channel UI + system-wide red/gold polish */
:root {
  --rg-red-950:#210207;
  --rg-red-900:#35040a;
  --rg-red-850:#47060e;
  --rg-red-800:#5d0913;
  --rg-red-700:#7d0e1c;
  --rg-red-600:#a3162a;
  --rg-red-500:#bd1f37;
  --rg-gold-050:#fff9df;
  --rg-gold-100:#fff0b2;
  --rg-gold-300:#f4d36f;
  --rg-gold-500:#d9a933;
  --rg-gold-700:#9c6f12;
}

/* Header controls: red surface, gold type and icons. */
.topbar :is(.button,.icon-button,.notification-button,.topbar-sidebar-toggle),
.header-brand-home,
.topbar-wallet-card,
.topbar-wallet-actions :is(button,a),
.games-wallet-actions :is(button,a),
.wallet-refresh-button {
  color:var(--rg-gold-100)!important;
  border-color:rgba(244,211,111,.36)!important;
  background:linear-gradient(180deg,var(--rg-red-600),var(--rg-red-800))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 10px 24px rgba(48,1,9,.28)!important;
}
.topbar :is(.button,.icon-button,.notification-button,.topbar-sidebar-toggle):hover,
.header-brand-home:hover,
.topbar-wallet-actions :is(button,a):hover,
.games-wallet-actions :is(button,a):hover {
  color:var(--rg-gold-050)!important;
  border-color:rgba(244,211,111,.72)!important;
  background:linear-gradient(180deg,var(--rg-red-500),var(--rg-red-700))!important;
  transform:translateY(-1px);
}
.topbar svg,.header-brand-home svg,.games-wallet-actions svg {stroke:currentColor!important;}

/* All tab systems use the same elegant red/gold language. */
:is(.auth-tab,.account-center-tab,.wallet-action-tab,.wallet-inner-tab,.payout-category-tab,.lobby-category-button,.mobile-bottom-nav-button,.nav-button) {
  color:rgba(255,240,178,.78)!important;
  border-color:rgba(244,211,111,.17)!important;
  background:linear-gradient(180deg,rgba(77,6,15,.90),rgba(42,3,8,.94))!important;
}
:is(.auth-tab,.account-center-tab,.wallet-action-tab,.wallet-inner-tab,.payout-category-tab,.lobby-category-button,.mobile-bottom-nav-button,.nav-button):hover {
  color:var(--rg-gold-050)!important;
  border-color:rgba(244,211,111,.42)!important;
  background:linear-gradient(180deg,rgba(126,13,29,.95),rgba(70,5,14,.97))!important;
}
:is(.auth-tab,.account-center-tab,.wallet-action-tab,.wallet-inner-tab,.payout-category-tab,.lobby-category-button,.mobile-bottom-nav-button,.nav-button).active,
:is(.auth-tab,.account-center-tab,.wallet-action-tab,.wallet-inner-tab,.payout-category-tab,.lobby-category-button,.mobile-bottom-nav-button,.nav-button)[aria-selected="true"] {
  color:var(--rg-gold-050)!important;
  border-color:rgba(244,211,111,.64)!important;
  background:linear-gradient(180deg,var(--rg-red-500),var(--rg-red-700))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 9px 24px rgba(60,1,11,.34)!important;
}

/* Every modal/dialog receives the same deep red shell. */
:is(.modal-card,.ui-dialog-card,.auth-card,.account-center-modal-card,.wallet-actions-modal-card) {
  color:var(--rg-gold-100)!important;
  border-color:rgba(244,211,111,.30)!important;
  background:
    radial-gradient(circle at 92% 3%,rgba(189,31,55,.22),transparent 35%),
    linear-gradient(145deg,rgba(74,6,15,.985),rgba(28,2,6,.99))!important;
  box-shadow:0 34px 90px rgba(10,0,2,.58),inset 0 1px rgba(255,255,255,.055)!important;
}
:is(.modal-card,.ui-dialog-card,.auth-card) :is(h1,h2,h3,label,.field-label,strong) {color:var(--rg-gold-050)!important;}
:is(.modal-card,.ui-dialog-card,.auth-card) :is(.muted,p,small) {color:rgba(255,240,178,.67);}
:is(.modal-card,.ui-dialog-card,.auth-card) :is(.input,.textarea,select) {
  color:var(--rg-gold-050)!important;
  border-color:rgba(244,211,111,.24)!important;
  background:rgba(25,1,5,.76)!important;
}
:is(.modal-card,.ui-dialog-card,.auth-card) :is(.input,.textarea,select):focus {
  border-color:var(--rg-gold-300)!important;
  box-shadow:0 0 0 3px rgba(244,211,111,.12)!important;
}

/* Dynamic payout dropdown. */
.payout-channel-selector {position:relative;z-index:8;}
.payout-dropdown-shell {position:relative;}
.payout-dropdown-trigger {
  appearance:none;width:100%;min-height:82px;padding:13px 16px;display:grid;
  grid-template-columns:48px minmax(0,1fr) auto 24px;align-items:center;gap:13px;
  border:1px solid rgba(244,211,111,.34);border-radius:18px;text-align:left;cursor:pointer;
  color:var(--rg-gold-050);background:linear-gradient(145deg,rgba(149,18,37,.92),rgba(70,5,14,.98));
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 14px 35px rgba(35,0,6,.28);
  transition:.2s ease;
}
.payout-dropdown-trigger:hover,.payout-dropdown-trigger[aria-expanded="true"] {border-color:rgba(244,211,111,.75);transform:translateY(-1px);background:linear-gradient(145deg,rgba(181,25,47,.97),rgba(93,8,18,.99));}
.payout-dropdown-trigger-icon {display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(244,211,111,.35);border-radius:15px;color:var(--rg-gold-050);background:rgba(35,1,7,.32);font-weight:950;}
.payout-dropdown-trigger-copy {display:flex;flex-direction:column;gap:4px;min-width:0;}
.payout-dropdown-trigger-copy small {color:rgba(255,240,178,.62);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;}
.payout-dropdown-trigger-copy strong {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--rg-gold-050);font-size:16px;}
.payout-dropdown-count {display:grid;place-items:center;min-width:32px;height:28px;padding:0 8px;border:1px solid rgba(244,211,111,.28);border-radius:999px;color:var(--rg-gold-300);background:rgba(25,1,5,.45);font-size:12px;font-weight:900;}
.payout-dropdown-chevron {color:var(--rg-gold-300);font-size:21px;transition:transform .18s ease;}
.payout-dropdown-trigger[aria-expanded="true"] .payout-dropdown-chevron {transform:rotate(180deg);}
.payout-channel-dropdown {position:absolute;z-index:40;top:calc(100% + 9px);left:0;right:0;padding:12px;border:1px solid rgba(244,211,111,.32);border-radius:18px;background:linear-gradient(155deg,rgba(69,5,14,.995),rgba(24,1,5,.998));box-shadow:0 24px 70px rgba(8,0,2,.68);}
.payout-channel-search {display:flex;align-items:center;gap:9px;margin-bottom:10px;padding:0 12px;border:1px solid rgba(244,211,111,.23);border-radius:12px;background:rgba(17,1,4,.74);color:var(--rg-gold-300);}
.payout-channel-search input {width:100%;height:42px;border:0!important;outline:0;background:transparent!important;color:var(--rg-gold-050)!important;font:inherit;}
.payout-channel-search input::placeholder {color:rgba(255,240,178,.42);}
.payout-channel-option-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:390px;overflow:auto;padding:2px;scrollbar-color:var(--rg-red-600) rgba(20,1,4,.5);}
.payout-channel-option {appearance:none;display:grid;grid-template-columns:44px minmax(0,1fr) 22px;align-items:center;gap:11px;min-height:68px;padding:10px;border:1px solid rgba(244,211,111,.16);border-radius:14px;text-align:left;color:var(--rg-gold-100);background:linear-gradient(145deg,rgba(84,7,17,.72),rgba(31,2,7,.92));cursor:pointer;transition:.18s ease;}
.payout-channel-option:hover,.payout-channel-option.active {border-color:rgba(244,211,111,.62);background:linear-gradient(145deg,rgba(176,23,45,.94),rgba(88,7,17,.98));transform:translateY(-1px);box-shadow:0 10px 25px rgba(33,0,6,.28);}
.payout-channel-option-logo {display:grid;place-items:center;width:44px;height:44px;border-radius:13px;overflow:hidden;background:rgba(255,255,255,.94);border:1px solid rgba(244,211,111,.22);}
.payout-channel-option-logo img {width:84%;max-height:28px;object-fit:contain;}
.payout-brand-monogram {display:grid;place-items:center;color:var(--rg-gold-050);background:linear-gradient(145deg,var(--rg-red-500),var(--rg-red-850));font-weight:950;}
.payout-channel-option-copy {display:flex;flex-direction:column;gap:4px;min-width:0;}
.payout-channel-option-copy strong {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--rg-gold-050);font-size:13px;}
.payout-channel-option-copy small {color:rgba(255,240,178,.58);font-size:10px;}
.payout-channel-option-check {opacity:0;color:var(--rg-gold-050);font-weight:950;}.payout-channel-option.active .payout-channel-option-check{opacity:1;}
.payout-channel-loading,.payout-channel-empty {grid-column:1/-1;padding:24px;text-align:center;border:1px dashed rgba(244,211,111,.22);border-radius:13px;color:rgba(255,240,178,.65);}
.payout-channel-status {margin:12px 0 0;padding:10px 12px;border-left:3px solid var(--rg-gold-500);border-radius:0 10px 10px 0;color:rgba(255,240,178,.72);background:rgba(45,3,10,.58);font-size:12px;}
.payout-channel-status.success {border-left-color:#65d79a;color:#bdf5d5}.payout-channel-status.error{border-left-color:#ff647c;color:#ffc5ce}.payout-channel-status.loading{animation:payoutPulse 1.4s ease-in-out infinite alternate}@keyframes payoutPulse{to{opacity:.62}}

/* Saved destinations become branded digital payout cards. */
.payout-saved-group .saved-methods {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;}
.payout-digital-card {--card-a:#a3162a;--card-b:#35040a;position:relative;isolation:isolate;overflow:hidden;min-height:220px;padding:20px;border:1px solid rgba(244,211,111,.36);border-radius:22px;color:var(--rg-gold-050);background:radial-gradient(circle at 90% 10%,rgba(255,232,145,.18),transparent 34%),linear-gradient(135deg,var(--card-a),var(--card-b));box-shadow:0 20px 45px rgba(24,0,5,.38),inset 0 1px rgba(255,255,255,.11);}
.payout-digital-card.visual-0{--card-a:#1e5c9f;--card-b:#071d3d}.payout-digital-card.visual-1{--card-a:#278a6c;--card-b:#063a2e}.payout-digital-card.visual-2{--card-a:#8c1730;--card-b:#35040a}.payout-digital-card.visual-3{--card-a:#703ba2;--card-b:#26103d}.payout-digital-card.visual-4{--card-a:#a66518;--card-b:#422306}.payout-digital-card.visual-5{--card-a:#9c245a;--card-b:#3a0920}.payout-digital-card.visual-6{--card-a:#2f6678;--card-b:#0b2b36}.payout-digital-card.visual-7{--card-a:#704b23;--card-b:#281807}
.payout-digital-card.brand-gcash{--card-a:#1669c7;--card-b:#052c68}.payout-digital-card.brand-maya{--card-a:#1c8e5e;--card-b:#06422e}.payout-digital-card.brand-gotyme{--card-a:#5531a7;--card-b:#1b0b49}.payout-digital-card.brand-coinsph{--card-a:#df6c22;--card-b:#67300d}
.payout-digital-card-watermark {position:absolute;z-index:-1;right:-6px;bottom:-30px;color:rgba(255,255,255,.075);font-size:104px;font-weight:950;letter-spacing:-.08em;}
.payout-digital-card-header {display:flex;align-items:center;gap:10px;}
.payout-digital-card-logo {display:grid;place-items:center;width:48px;height:48px;border-radius:15px;overflow:hidden;border:1px solid rgba(255,240,178,.42);background:rgba(255,255,255,.94);box-shadow:0 8px 22px rgba(0,0,0,.18);}
.payout-digital-card-logo img{width:84%;max-height:29px;object-fit:contain}.payout-digital-card-logo.payout-brand-monogram{color:var(--rg-gold-050);background:rgba(35,1,7,.35)}
.payout-digital-card-type {padding:6px 9px;border:1px solid rgba(255,240,178,.30);border-radius:999px;background:rgba(20,1,4,.24);color:var(--rg-gold-100);font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;}
.payout-digital-card-remove {margin-left:auto;padding:7px 10px;border:1px solid rgba(255,240,178,.28);border-radius:10px;color:var(--rg-gold-100);background:rgba(20,1,4,.26);font:inherit;font-size:10px;font-weight:850;cursor:pointer}.payout-digital-card-remove:hover{background:rgba(40,1,8,.55);border-color:rgba(255,240,178,.62)}
.payout-digital-card-provider {margin-top:26px;color:rgba(255,249,223,.78);font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.09em;}
.payout-digital-card-number {margin-top:7px;color:#fff9df;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:clamp(17px,2vw,23px);font-weight:850;letter-spacing:.075em;word-break:break-word;text-shadow:0 2px 10px rgba(0,0,0,.25);}
.payout-digital-card-footer {display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-top:25px;}.payout-digital-card-footer>span:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}.payout-digital-card-footer small{color:rgba(255,249,223,.55);font-size:8px;font-weight:900;letter-spacing:.14em}.payout-digital-card-footer strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff9df;font-size:12px;text-transform:uppercase}.payout-digital-card-live{display:flex;align-items:center;gap:5px;color:#d5ffe7;font-size:9px;font-weight:950;letter-spacing:.11em}.payout-digital-card-live i{width:7px;height:7px;border-radius:50%;background:#55e093;box-shadow:0 0 0 4px rgba(85,224,147,.13)}

@media(max-width:820px){.payout-channel-option-list,.payout-saved-group .saved-methods{grid-template-columns:1fr}.payout-channel-dropdown{position:fixed;left:10px;right:10px;top:auto;bottom:calc(74px + env(safe-area-inset-bottom));max-height:65dvh}.payout-channel-option-list{max-height:48dvh}.payout-dropdown-trigger{grid-template-columns:44px minmax(0,1fr) auto 20px}.payout-digital-card{min-height:205px}}
@media(max-width:520px){.payout-manager-heading{align-items:stretch}.payout-category-tabs{width:100%}.payout-dropdown-trigger{min-height:74px;padding:10px 12px}.payout-digital-card{padding:17px;border-radius:19px}.payout-digital-card-number{font-size:17px}.topbar-wallet-actions :is(button,a),.games-wallet-actions :is(button,a){color:var(--rg-gold-100)!important}}