/* Deposit flow: readable text, touch targets and distinct actions. */
.mgDepositStep{display:flex;align-items:center;gap:12px;margin:22px 0 12px;color:#eef5ff}
.mgDepositStep em{display:grid;place-items:center;flex:0 0 38px;height:38px;border:1px solid #7678fc;border-radius:10px 3px;background:#29275a;color:#c9c5ff;font:900 italic 18px Arial}
.mgDepositStep b{display:block;font:900 italic 17px/1.25 var(--game-font,Arial),sans-serif;letter-spacing:.03em}
.mgDepositStep span{display:block;margin-top:5px;font:13px/1.4 Arial,sans-serif;color:#b8c8dc}
.mgDepositAmounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mgDepositAmounts button{min-height:65px;border:1px solid #69ccff;border-radius:12px 3px;background:linear-gradient(145deg,#205086,#182846);color:#fff;box-shadow:inset 0 1px #8ac4ff40,0 3px #071425;font:900 italic 25px/1 Arial;cursor:pointer}
.mgDepositAmounts button small{display:block;font:800 10px Arial;margin-top:7px;color:#a9dbff;letter-spacing:.08em}
.mgDepositAmounts button:hover,.mgDepositAmounts button:focus-visible{background:linear-gradient(145deg,#356eb6,#5536a2);outline:2px solid #9cdfff;outline-offset:2px}
.mgDepositAmounts button:disabled{opacity:.6;cursor:wait}
.mgDepositCustom[hidden]{display:none!important}
.mgDepositCustom{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;align-items:center}
.mgDepositCustom label{flex-basis:100%;color:#cad7e7;font:13px Arial}
.mgDepositCustom input{min-width:100px;flex:1;border:1px solid #506f99;border-radius:8px;padding:12px;background:#081727;color:#fff;font:16px Arial}
.mgDepositCustom button{flex:1;min-width:160px}
#depositPrepareStatus115{font:13px/1.5 Arial;color:#bdcbed;margin-top:12px}
.mgDepositSelected{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px;background:#192745;border:1px solid #426d9e;border-radius:9px;font:12px Arial;color:#b8d6f2}
.mgDepositSelected strong{color:white;font-size:17px}
.mgDepositExact{padding:20px;border:1px solid #6e84ef;border-top:3px solid #afa0ff;border-radius:16px 4px;background:linear-gradient(130deg,#242650,#101c33);box-shadow:0 8px 20px #0003}
.mgDepositExact>small{display:block;color:#bbcaf1;font:12px/1.5 Arial}
.mgDepositExact>strong{display:block;color:white;font:900 32px/1.25 Arial;margin:9px 0 14px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.mgDepositExact>strong span{font-size:14px;color:#aebfea}
.mgDepositExact p,.mgDepositAwait{font:13px/1.55 Arial;color:#c7d4ea;margin:12px 0}
html body #copyDepositAmountBtn,html body #copyDepositBtn{min-height:44px!important;border:1px solid #a2a2ff!important;border-radius:9px 3px!important;background:linear-gradient(#7461de,#47338e)!important;color:white!important;font:900 12px Arial!important;padding:12px 16px!important;cursor:pointer}
html body .walletAddressBlock code{display:block!important;font:14px/1.6 ui-monospace,monospace!important;letter-spacing:0!important;overflow-wrap:anywhere!important;white-space:normal!important;user-select:text!important;-webkit-user-select:text!important;color:#e4edff!important}
html body #depositTxHash{font:16px/1.4 Arial!important;letter-spacing:0!important;min-width:0!important}
html body #verifyDepositBtn{min-height:48px!important;background:linear-gradient(#60dcff,#2589e8)!important;border:1px solid #9becff!important;color:#041a31!important;border-radius:12px 3px!important;font:900 italic 14px Arial!important}
html body #verifyDepositBtn:disabled{opacity:.45!important;cursor:not-allowed!important}
@media(max-width:540px){.mgDepositAmounts{grid-template-columns:repeat(2,minmax(0,1fr))}.mgDepositExact{padding:14px}.mgDepositExact>strong{font-size:28px}}
@media(max-height:500px){.mgDepositStep{margin-top:16px}.mgDepositAmounts button{min-height:52px;font-size:21px}}