:root{
  --bg:#020806;
  --felt:#06140f;
  --felt2:#0d2017;
  --card:#07130e;
  --gold:#d49a32;
  --gold2:#ffe99f;
  --gold3:#8a5718;
  --cream:#fff2bf;
  --muted:rgba(255,242,191,.68);
  --green:#75e79a;
  --line:rgba(231,174,66,.42);
  --soft:rgba(255,231,150,.12);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#010403;color:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
button{font:inherit;color:inherit;cursor:pointer}
body:before{
  content:"";position:fixed;inset:0;background:
    radial-gradient(circle at 50% -10%,rgba(221,164,53,.20),transparent 32%),
    radial-gradient(circle at 100% 30%,rgba(130,97,29,.12),transparent 34%),
    linear-gradient(135deg,#010504,#07120d 55%,#0b0b04);
  pointer-events:none
}
body:after{
  content:"";position:fixed;inset:0;background-image:radial-gradient(rgba(241,200,100,.30) .8px,transparent .8px);
  background-size:34px 34px;opacity:.045;pointer-events:none
}
.stage{width:min(100%,430px);margin:0 auto;position:relative;z-index:1}
.phone{min-height:100vh;background:linear-gradient(180deg,#06100c,#020705);box-shadow:0 30px 100px rgba(0,0,0,.55);position:relative;overflow:hidden}
.phone:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,240,180,.12) 1px,transparent 1px);background-size:24px 24px;opacity:.04;pointer-events:none}
@media(min-width:680px){body{padding:18px}.phone{border:1px solid rgba(214,156,45,.30);border-radius:34px;overflow:hidden;min-height:calc(100vh - 36px)}}
.status{height:30px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:900;color:rgba(255,255,255,.86);position:relative;z-index:20}
.topbar{height:112px;padding:8px 14px 13px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:12px;background:radial-gradient(circle at 50% -20%,rgba(218,160,53,.25),transparent 44%),linear-gradient(180deg,rgba(3,8,6,.99),rgba(3,8,6,.94));border-bottom:1px solid rgba(214,156,45,.20);position:sticky;top:0;z-index:30;backdrop-filter:blur(18px)}
.brand{height:78px;width:100%;object-fit:contain;filter:drop-shadow(0 0 24px rgba(218,160,53,.45)) drop-shadow(0 12px 24px rgba(0,0,0,.5))}
.round-btn,.avatar-btn{height:40px;width:40px;border-radius:15px;border:1px solid rgba(231,174,66,.34);background:rgba(255,255,255,.025);display:grid;place-items:center;box-shadow:inset 0 0 15px rgba(255,231,150,.04)}
.round-btn svg,.avatar-btn svg,.bottom-nav svg,.row-ico svg,.quick-card svg,.method-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.avatar-btn{border-radius:50%;background:linear-gradient(180deg,#59391d,#120b05)}
.avatar-dot{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#3a255e;color:#f5d178;font-size:12px;font-weight:900}
#app{position:relative;z-index:2;padding:12px 12px 112px}
.screen{display:grid;gap:12px}
.card-glow,.card-line,.section-box,.balance-hero,.wallet-top,.deposit-screen,.page-hero,.bet-slip{
  border:1px solid rgba(231,174,66,.42);border-radius:24px;background:
    radial-gradient(circle at 100% 0%,rgba(231,174,66,.12),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.16));
  box-shadow:0 20px 60px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.045),inset 0 0 30px rgba(255,210,100,.025)
}
.balance-hero{min-height:78px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.balance-hero small,.wallet-top small{display:block;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,242,191,.60);font-size:10px;font-weight:950}
.balance-hero strong,.wallet-top h1{display:block;margin-top:5px;color:var(--cream);font-size:27px;line-height:1;font-weight:950;letter-spacing:-.035em}
.gold-btn,.dark-btn{
  position:relative;overflow:hidden;border-radius:17px;min-height:50px;padding:0 15px;border:1px solid rgba(255,233,159,.86);font-weight:950;letter-spacing:.01em;text-transform:uppercase
}
.gold-btn{
  color:#211403;background:linear-gradient(180deg,#fff8d1 0%,#ffe58e 10%,#dfa739 43%,#a76a18 62%,#edbf59 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -2px 0 rgba(74,42,5,.34),0 0 28px rgba(221,164,53,.30),0 14px 28px rgba(0,0,0,.34)
}
.gold-btn:before{content:"";position:absolute;top:0;left:12%;right:12%;height:2px;border-radius:999px;background:#fff8cc;box-shadow:0 0 12px 3px rgba(255,236,166,.9),0 0 34px 8px rgba(240,204,114,.45)}
.gold-btn:after{content:"";position:absolute;inset:1px 1px auto 1px;height:48%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,255,255,.18),transparent);mix-blend-mode:screen;pointer-events:none}
.gold-btn span{position:relative;z-index:2}
.gold-btn.compact{min-width:118px}
.dark-btn{background:rgba(255,255,255,.025);color:var(--cream);border-color:rgba(231,174,66,.38);box-shadow:inset 0 0 18px rgba(255,228,130,.04)}
.ticker{height:38px;border:1px solid rgba(85,210,110,.28);border-radius:999px;background:rgba(32,130,54,.16);display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:0 12px;overflow:hidden}
.ticker b{color:#7df39e;font-size:10px;font-weight:950;letter-spacing:.1em}
.ticker span{font-size:11px;color:rgba(255,242,191,.74);white-space:nowrap;animation:ticker 22s linear infinite}
@keyframes ticker{from{transform:translateX(6%)}to{transform:translateX(-74%)}}
.main-hero{min-height:266px;padding:16px;position:relative;overflow:hidden;background:radial-gradient(circle at 82% 20%,rgba(234,180,74,.20),transparent 28%),linear-gradient(145deg,#071610,#0d281a 58%,#071009)}
.main-hero:after{content:"";position:absolute;right:-46px;top:44px;width:158px;height:158px;border:16px solid rgba(255,231,150,.12);border-radius:38px;transform:rotate(21deg)}
.hero-copy{position:relative;z-index:2;max-width:280px}
.hero-copy small,.section-head button,.car-promo small,.step-title span{color:var(--gold2);font-size:10px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.hero-copy h1{font-size:35px;line-height:.95;letter-spacing:-.06em;margin:12px 0 10px;color:var(--cream);text-shadow:0 0 24px rgba(221,164,53,.20)}
.hero-copy p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.45}
.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}
.hero-medal{position:absolute;right:22px;top:48px;width:94px;height:94px;border-radius:50%;display:grid;place-items:center;color:#4f3109;font-weight:950;font-size:26px;background:linear-gradient(145deg,#fff0aa,#b87319 56%,#f1c76c);box-shadow:0 0 38px rgba(221,164,53,.34),inset 0 2px 0 rgba(255,255,255,.7)}
.payment-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.payment-strip button{height:54px;border:1px solid rgba(231,174,66,.38);border-radius:15px;background:rgba(255,255,255,.025);display:grid;place-items:center;padding:6px;overflow:hidden}
.pay-img{display:block;max-width:100%;max-height:30px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.34))}
.pay-img.afri{max-height:34px}.pay-img.qmoney{max-height:28px}
.pay-inline{display:grid;grid-template-columns:18px 1fr;gap:4px;align-items:center;color:#f1c76c;font-size:9px;font-weight:950;line-height:1.05}.pay-inline svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.car-promo{min-height:94px;padding:10px;display:grid;grid-template-columns:116px 1fr auto;align-items:center;gap:10px}
.car-promo img{width:116px;height:64px;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.45))}
.car-promo h3{margin:5px 0 4px;font-size:17px;letter-spacing:-.03em}
.car-promo p{margin:0;color:var(--muted);font-size:11px;line-height:1.35}.car-promo>span{font-size:24px;color:var(--gold)}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.quick-card{min-height:75px;border:1px solid rgba(231,174,66,.36);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.14));display:grid;place-items:center;gap:5px;color:var(--cream)}
.quick-card span{color:#f5c766}.quick-card svg{width:24px;height:24px}
.quick-card b{font-size:10px;font-weight:900}
.section-box{padding:13px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-head h2{margin:0;font-size:18px;letter-spacing:-.035em}.section-head button{border:0;background:none;padding:0}
.game-row{display:flex;gap:9px;overflow:auto;scrollbar-width:none}.game-row::-webkit-scrollbar{display:none}
.game-tile{min-width:82px;text-align:left;border:1px solid rgba(231,174,66,.38);border-radius:12px;background:rgba(255,255,255,.025);padding:5px;color:var(--cream);overflow:hidden}
.game-tile img{width:100%;height:98px;object-fit:cover;border-radius:8px;display:block}
.game-tile span{display:block;margin-top:6px;font-size:11px;font-weight:900}.game-tile small{color:var(--muted);font-size:9px}
.list-stack{display:grid;gap:8px}.list-row{min-height:58px;border:1px solid rgba(231,174,66,.24);border-radius:14px;background:rgba(0,0,0,.12);display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:9px 10px}.row-ico{color:#f5c766}.row-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.list-row b{font-size:13px}.list-row small{display:block;color:var(--muted);font-size:10.5px;margin-top:2px}.list-row em{font-style:normal;color:#f4d072;border:1px solid rgba(231,174,66,.30);background:rgba(231,174,66,.08);border-radius:999px;padding:6px 9px;font-size:10px;font-weight:950}
.activity-list{display:grid}.activity{min-height:60px;border-bottom:1px solid rgba(255,255,255,.07);display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px}.activity:last-child{border-bottom:0}.activity span{color:#f5c766}.activity svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.activity b{font-size:14px}.activity small{display:block;color:var(--muted);font-size:11px}.activity em{font-style:normal;font-weight:950}.activity em.good{color:#7df39e}.activity em.bad{color:#ff766e}
.page-hero{min-height:188px;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;background:radial-gradient(circle at 82% 20%,rgba(231,174,66,.18),transparent 28%),linear-gradient(145deg,#06100c,#0c2119)}.page-hero small{color:var(--gold);font-size:11px;font-weight:950;letter-spacing:.12em}.page-hero h1{margin:7px 0 6px;font-size:28px;line-height:1;letter-spacing:-.05em}.page-hero p{margin:0;color:var(--muted);font-size:12px;line-height:1.42}.page-hero .gold-btn{margin-top:13px;width:max-content}.sports-hero{background-image:radial-gradient(circle at 80% 30%,rgba(232,231,220,.18),transparent 16%),linear-gradient(145deg,#06100c,#0c2119)}
.chip-row{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.chip-row button{white-space:nowrap;min-height:40px;border:1px solid rgba(231,174,66,.34);border-radius:999px;background:rgba(255,255,255,.025);color:var(--cream);padding:0 13px;font-size:11px;font-weight:950;display:flex;gap:6px;align-items:center}.chip-row button.active{background:rgba(231,174,66,.13);box-shadow:0 0 18px rgba(231,174,66,.14)}.chip-row svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.game-grid-full{display:grid;grid-template-columns:1fr 1fr;gap:9px}.casino-game{padding:8px;text-align:left;color:var(--cream)}.casino-game img{width:100%;height:128px;object-fit:cover;border-radius:14px}.casino-game small{color:var(--gold);font-size:10px;font-weight:950}.casino-game b{display:block;font-size:15px;margin-top:4px}.casino-game span{color:var(--muted);font-size:10px}
.deposit-screen{padding:14px;background:linear-gradient(180deg,rgba(12,27,19,.98),rgba(3,9,6,.99))}.deposit-screen h1{text-align:center;font-size:33px;margin:2px 0 12px;color:#f5d174;letter-spacing:.04em}.step{border-top:1px solid rgba(255,255,255,.08);padding:13px 0}.step:first-of-type{border-top:0}.step-title{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px}.step-title b{font-size:15px}.amounts{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.amount{min-height:42px;border:1px solid rgba(231,174,66,.40);border-radius:10px;background:rgba(255,255,255,.025);font-weight:900}.amount.active{background:radial-gradient(circle at 50% 0%,rgba(255,245,190,.25),transparent 58%),rgba(231,174,66,.13);border-color:rgba(255,235,150,.86);box-shadow:0 0 22px rgba(231,174,66,.24),inset 0 1px 0 rgba(255,255,255,.18)}
.step h4{display:flex;align-items:center;gap:8px;margin:12px 0 8px;color:#f5d174;font-size:12px;letter-spacing:.06em}.step h4 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.step h4 em{font-style:normal;color:var(--muted);font-size:10px}
.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pay-card{min-height:60px;border:1px solid rgba(231,174,66,.35);border-radius:12px;background:rgba(255,255,255,.025);display:grid;place-items:center;padding:8px}.pay-card.active{border-color:rgba(255,235,150,.86);box-shadow:0 0 22px rgba(231,174,66,.20),inset 0 0 18px rgba(231,174,66,.05)}.crypto .pay-card{min-height:58px}.coin-img{width:32px;height:32px}
.cash-row{width:100%;min-height:70px;border:1px solid rgba(231,174,66,.35);border-radius:13px;background:rgba(255,255,255,.025);display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:10px;text-align:left;color:var(--cream)}.cash-row svg{width:28px;height:28px;fill:none;stroke:#f5c766;stroke-width:2}.cash-row b{font-size:13px}.cash-row small{display:block;color:var(--gold);font-size:11px}.review{border:1px solid rgba(231,174,66,.25);border-radius:14px;padding:10px 12px;margin:8px 0}.review-row{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);padding:7px 0;font-size:12px}.review-row:last-child{border-bottom:0}.review-row span{color:var(--muted)}.deposit-main{width:100%;min-height:58px;font-size:18px;margin:8px 0 12px}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.trust-grid div{border:1px solid rgba(231,174,66,.24);border-radius:13px;padding:10px;text-align:center}.trust-grid svg{width:24px;height:24px;fill:none;stroke:#f5c766;stroke-width:2}.trust-grid b{display:block;font-size:11px;margin-top:5px}.trust-grid small{display:block;color:var(--muted);font-size:9px;line-height:1.3}.secure-note{text-align:center;color:var(--muted);font-size:11px;display:flex;align-items:center;justify-content:center;gap:6px}.secure-note svg{width:14px;height:14px;fill:none;stroke:#f5c766;stroke-width:2}
.match-card{border:1px solid rgba(231,174,66,.25);border-radius:14px;padding:10px;margin-bottom:8px}.match-head{display:flex;justify-content:space-between;gap:8px}.match-head small{display:block;color:var(--muted);font-size:10px}.match-head b{display:block;font-size:13px;margin-top:3px}.match-head em{color:var(--muted);font-size:10px;font-style:normal}.odds{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:7px;margin-top:9px;align-items:center}.odds button{min-height:42px;border:1px solid rgba(231,174,66,.32);border-radius:10px;background:rgba(255,255,255,.025)}.odds button.active{border-color:var(--gold2);box-shadow:0 0 16px rgba(231,174,66,.24)}.odds small{display:block;color:var(--muted);font-size:9px}.odds b{font-size:13px}.odds span{color:var(--muted);font-size:11px}.bet-slip{position:sticky;bottom:90px;z-index:10;display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px}.bet-count{width:34px;height:34px;border-radius:50%;border:1px solid var(--gold);display:inline-grid;place-items:center;margin-right:6px}.bet-slip b{font-size:13px}.bet-slip small{display:block;color:var(--muted);font-size:10px}.bet-slip .gold-btn{min-height:44px}
.wallet-top{min-height:154px;padding:16px;position:relative;overflow:hidden}.wallet-top h1{font-size:34px}.wallet-top p{color:var(--muted);margin:6px 0 0;font-size:12px}.wallet-art{position:absolute;right:18px;top:28px;width:70px;height:70px;border-radius:18px;background:linear-gradient(145deg,#ffe58e,#b97719);display:grid;place-items:center;color:#211403}.wallet-art svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:2}
.wallet-balances{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.balance-box{border:1px solid rgba(231,174,66,.30);border-radius:14px;padding:10px;background:rgba(255,255,255,.025)}.balance-box span{color:#f5c766}.balance-box svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.balance-box small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.balance-box b{font-size:15px}.wallet-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.credits p{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.progress-line{height:12px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.progress-line i{display:block;height:100%;width:52%;background:linear-gradient(90deg,#9f651d,#fff0a8,#dfaa40);border-radius:999px;box-shadow:0 0 18px rgba(231,174,66,.35)}
.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:40;width:min(100%,430px);display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(3,8,6,.95);border-top:1px solid rgba(231,174,66,.24);backdrop-filter:blur(18px);box-shadow:0 -18px 44px rgba(0,0,0,.42)}
.bottom-nav button{min-height:56px;border:1px solid transparent;border-radius:14px;background:transparent;color:rgba(255,242,191,.58);display:grid;place-items:center;gap:2px;font-size:10px;font-weight:900}.bottom-nav button.active{border-color:rgba(255,235,150,.54);background:rgba(231,174,66,.10);color:#fff2bf;box-shadow:0 0 20px rgba(231,174,66,.16),inset 0 0 18px rgba(231,174,66,.06)}.bottom-nav button.active svg{color:#f5c766;filter:drop-shadow(0 0 8px rgba(245,199,102,.45))}
.sheet-host{position:fixed;inset:0;z-index:100;display:none}.sheet-host.open{display:block}.scrim{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(3px)}.sheet{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,420px);border:1px solid rgba(231,174,66,.34);border-radius:28px 28px 0 0;background:linear-gradient(180deg,#182719,#07100b);padding:18px 16px 22px;box-shadow:0 -24px 70px rgba(0,0,0,.55)}.grab{width:44px;height:5px;border-radius:999px;background:rgba(255,255,255,.22);margin:0 auto 16px}.close{position:absolute;right:17px;top:25px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);font-size:24px}.sheet h2{margin:0 0 8px;font-size:24px}.sheet p{margin:0 0 14px;color:var(--muted);font-size:12px}.sheet-grid{grid-template-columns:repeat(2,1fr);margin-top:12px}.sheet-grid .pay-card{min-height:92px}.sheet-deposit{width:100%;margin-top:12px}.more-grid{grid-template-columns:repeat(2,1fr)}
@media(max-width:380px){.amounts{grid-template-columns:repeat(3,1fr)}.method-grid,.trust-grid,.wallet-actions{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(3,1fr)}.hero-copy h1{font-size:31px}.game-grid-full{grid-template-columns:1fr}.car-promo{grid-template-columns:90px 1fr auto}.car-promo img{width:90px}.hero-medal{width:70px;height:70px;font-size:20px}}


/* =========================================================
   v57 Payment Lock + Hero Icon polish
   DO NOT replace payment logos from this version onward.
   Uses exact user-approved Wave / QMoney / Afrimoney assets.
   ========================================================= */

.hero-medal{display:none!important;}
.hero-app-icon{
  position:absolute;
  right:24px;
  top:48px;
  width:96px;
  height:96px;
  border-radius:24px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,235,150,.42);
  background:
    radial-gradient(circle at 50% 0%,rgba(255,235,150,.18),transparent 54%),
    linear-gradient(145deg,rgba(16,36,25,.96),rgba(4,10,7,.98));
  box-shadow:
    0 0 36px rgba(221,164,53,.20),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 26px rgba(231,174,66,.04);
  overflow:hidden;
}
.hero-app-icon img{
  width:88%;
  height:88%;
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(231,174,66,.42));
}
.main-hero:after{
  opacity:.52;
  border-color:rgba(255,231,150,.075);
}

/* Payment logos locked to the user-approved final assets */
.pay-img.definitive{
  object-fit:contain;
  display:block;
  filter:
    drop-shadow(0 10px 15px rgba(0,0,0,.34))
    drop-shadow(0 0 10px rgba(231,174,66,.10));
}
.payment-strip .pay-img.wave{max-height:36px;max-width:96px;}
.payment-strip .pay-img.qmoney{max-height:34px;max-width:104px;}
.payment-strip .pay-img.afri{max-height:36px;max-width:112px;}
.pay-card .pay-img.wave{max-height:38px;max-width:124px;}
.pay-card .pay-img.qmoney{max-height:38px;max-width:132px;}
.pay-card .pay-img.afri{max-height:42px;max-width:142px;}
.sheet-grid .pay-card .pay-img.wave{max-height:44px;}
.sheet-grid .pay-card .pay-img.qmoney{max-height:42px;}
.sheet-grid .pay-card .pay-img.afri{max-height:46px;}

.pay-card.active .pay-img.definitive,
.payment-strip button:hover .pay-img.definitive{
  filter:
    drop-shadow(0 11px 16px rgba(0,0,0,.34))
    drop-shadow(0 0 16px rgba(255,231,150,.20));
}

/* Keep hero tighter on mobile */
@media(max-width:380px){
  .hero-app-icon{
    width:72px;
    height:72px;
    right:18px;
    top:56px;
    border-radius:20px;
  }
}


/* =========================================================
   v58 Cloudflare Final Polish
   Locked line: v56/v57 mockup style.
   Important: payment logos are exact user-approved files.
   ========================================================= */

/* Global hardening against horizontal cuts */
html, body, .stage, .phone, #app {
  max-width: 100%;
  overflow-x: hidden;
}
.screen, .deposit-screen, .section-box, .card-glow, .card-line {
  min-width: 0;
}

/* Hero final: cleaner, no logo-in-box / no AW badge */
.main-hero{
  min-height: 274px;
  padding: 18px 16px;
  background:
    radial-gradient(circle at 92% 18%, rgba(231,174,66,.13), transparent 28%),
    radial-gradient(circle at 18% 88%, rgba(117,231,154,.08), transparent 32%),
    linear-gradient(145deg,#071610,#0d281a 58%,#071009) !important;
}
.main-hero:after{
  right:-60px;
  top:50px;
  width:190px;
  height:190px;
  border-width:14px;
  opacity:.34;
  border-color:rgba(255,231,150,.055);
}
.hero-copy{
  max-width: 330px;
}
.hero-copy h1{
  max-width: 9.7ch;
  font-size: 39px;
  line-height: .92;
}
.hero-copy p{
  max-width: 29ch;
}
.hero-actions{
  max-width: 310px;
}
.hero-app-icon,
.hero-medal{
  display:none!important;
}

/* Home: payment logos should not appear right below hero */
.payment-strip{
  display:none!important;
}

/* Range Rover promo: tighter and cleaner, not oversized */
.car-promo{
  grid-template-columns: 116px 1fr auto;
  min-height: 92px;
}
.car-promo img{
  width:112px;
  height:62px;
  object-fit:contain;
}
.car-promo h3{
  font-size:17px;
}
.car-promo p{
  max-width: 25ch;
}

/* Exact user-approved payment logos, no generated versions, no artificial white backgrounds */
.pay-img.definitive{
  object-fit: contain;
  display: block;
  max-width: 100%;
  filter:
    drop-shadow(0 10px 15px rgba(0,0,0,.38))
    drop-shadow(0 0 10px rgba(231,174,66,.10));
}
.pay-card .pay-img.wave{max-height:44px;max-width:150px;}
.pay-card .pay-img.qmoney{max-height:42px;max-width:156px;}
.pay-card .pay-img.afri{max-height:44px;max-width:164px;}
.sheet-grid .pay-card .pay-img.wave{max-height:50px;max-width:172px;}
.sheet-grid .pay-card .pay-img.qmoney{max-height:48px;max-width:178px;}
.sheet-grid .pay-card .pay-img.afri{max-height:50px;max-width:188px;}

/* Full deposit layout: no side clipping, better mobile rhythm */
.deposit-screen{
  padding: 14px 12px 92px;
}
.deposit-screen h1{
  font-size: 34px;
  margin: 10px 0 18px;
}
.amounts{
  grid-template-columns: repeat(5, minmax(0,1fr)) !important;
  gap: 7px;
  width:100%;
}
.amount{
  min-width: 0;
  padding: 0 4px;
}
.method-grid{
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  width:100%;
}
.method-grid.crypto{
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
}
.pay-card{
  min-width: 0;
  overflow: hidden;
}
.review{
  overflow: hidden;
}
.review-row{
  gap: 12px;
}
.review-row span,
.review-row b{
  min-width: 0;
}
.review-row b{
  text-align:right;
}

/* On small screens, keep 3 payment logos clean instead of clipping */
@media(max-width:390px){
  .method-grid{
    grid-template-columns: 1fr !important;
  }
  .method-grid.crypto{
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }
  .pay-card{
    min-height: 66px;
  }
  .pay-card .pay-img.wave{max-height:44px;max-width:180px;}
  .pay-card .pay-img.qmoney{max-height:42px;max-width:188px;}
  .pay-card .pay-img.afri{max-height:46px;max-width:196px;}
}

/* Quick deposit: keep exact logos readable and centered */
.sheet{
  overflow-x:hidden;
}
.sheet-grid{
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
}
.sheet-grid .pay-card{
  min-width:0;
}

/* Wallet: remove visual collision / overlapping wallet icon */
.wallet-art{
  display:none!important;
}
.wallet-top{
  min-height: 138px;
  padding: 18px 16px;
}
.wallet-top h1{
  max-width: 100%;
}
.wallet-balances{
  grid-template-columns: repeat(2, minmax(0,1fr));
}
.wallet-actions{
  grid-template-columns: repeat(4, minmax(0,1fr));
}

/* Bottom nav final polish */
.bottom-nav{
  border-top-color: rgba(231,174,66,.28);
}
.bottom-nav button{
  min-width:0;
}
.bottom-nav svg{
  width:23px;
  height:23px;
}

/* Featured game cards: keep images visible above fixed nav */
.game-row{
  padding-bottom: 2px;
}
.game-tile img{
  height: 104px;
}

/* Larger desktop preview: keep phone centered */
@media(min-width:680px){
  .stage{
    width: 430px;
  }
}

/* Tiny devices */
@media(max-width:360px){
  .hero-copy h1{font-size:34px;}
  .hero-actions{grid-template-columns:1fr;}
  .car-promo{grid-template-columns:92px 1fr auto;}
  .car-promo img{width:90px;}
  .wallet-actions{grid-template-columns:repeat(2,minmax(0,1fr));}
  .method-grid.crypto{grid-template-columns:1fr!important;}
}


/* =========================================================
   v58.1 Payment logo centering fix
   ONLY change: payment logo alignment/sizing.
   Keep exact approved Wave/QMoney/Afrimoney PNG files unchanged.
   ========================================================= */

.pay-card{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:10px 12px !important;
  overflow:hidden !important;
}

.pay-card .pay-img.definitive{
  display:block !important;
  width:auto !important;
  height:auto !important;
  margin:0 auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
}

/* Full Deposit/Cashier: 3-column cards */
.deposit-screen .method-grid:not(.sheet-grid) .pay-card .pay-img.wave{
  max-width:92% !important;
  max-height:36px !important;
}
.deposit-screen .method-grid:not(.sheet-grid) .pay-card .pay-img.qmoney{
  max-width:92% !important;
  max-height:34px !important;
}
.deposit-screen .method-grid:not(.sheet-grid) .pay-card .pay-img.afri{
  max-width:92% !important;
  max-height:35px !important;
}

/* Quick Deposit sheet: larger 2-column cards */
.sheet-grid .pay-card .pay-img.wave{
  max-width:86% !important;
  max-height:46px !important;
}
.sheet-grid .pay-card .pay-img.qmoney{
  max-width:86% !important;
  max-height:44px !important;
}
.sheet-grid .pay-card .pay-img.afri{
  max-width:86% !important;
  max-height:46px !important;
}

/* Tiny/mobile safety: no logo can touch the card edge */
@media(max-width:390px){
  .deposit-screen .method-grid:not(.sheet-grid) .pay-card .pay-img.wave,
  .deposit-screen .method-grid:not(.sheet-grid) .pay-card .pay-img.qmoney,
  .deposit-screen .method-grid:not(.sheet-grid) .pay-card .pay-img.afri{
    max-width:84% !important;
    max-height:36px !important;
  }
}