/* Client reference polish: responsive presentation only; existing PHP flows stay intact. */
:root{--client-bg:#242424;--client-surface:#303030;--client-gold:#e8c46f;--client-gold-light:#ffe49a;--client-line:#746039}
/* Deposit screenshot: dark cards, thin gold outline, large touch targets. */
.deposit-page .deposit-content{max-width:560px;margin:0 auto;padding:8px 20px calc(104px + env(safe-area-inset-bottom))}
.deposit-page .deposit-panel{background:#303030;border:1px solid #4a4335;border-radius:18px;padding:25px 20px;margin-top:22px;box-shadow:0 5px 18px #0002}
.deposit-page .deposit-panel h2{font-size:clamp(21px,5.2vw,27px);line-height:1.2;gap:15px;margin-bottom:25px;color:#f4f4f4}
.deposit-page .deposit-panel h2>span{color:#f2c64d;font-size:29px;flex:0 0 auto}
.deposit-page .deposit-instant-panel{border-color:#9a8248}
.deposit-page .deposit-instant-note{font-size:14px;line-height:1.7;color:#a9a9a9;margin:0 0 22px}
.deposit-page .deposit-instant-form{display:flex;flex-direction:column;gap:15px}
.deposit-page .deposit-instant-amount{min-height:58px;padding:0 18px;border-radius:10px;background:#303030;border:1px solid transparent}
.deposit-page .deposit-instant-amount input{height:58px;font-size:18px}
.deposit-page .deposit-instant-btn{height:56px;width:100%;border-radius:12px;background:linear-gradient(100deg,#ffe18a,#d7ac4b);color:#30240b;font-size:18px;font-weight:800}
.deposit-page .deposit-instant-limits{font-size:12px;margin-top:12px}
.deposit-page .deposit-channel-panel{border-color:#55417c}
.deposit-page .deposit-channel-preview{min-height:48px;color:#9e9e9e;font-size:14px}
.deposit-page .deposit-amount-box,.deposit-page .deposit-instructions input{border:1px solid #484848;border-radius:10px;min-height:52px}
.deposit-page .deposit-submit-bar{position:sticky;bottom:8px;z-index:5;padding:10px;background:#303030;border:1px solid #414141;border-radius:14px}
.deposit-page #deposit-submit{min-height:50px;border-radius:10px}
/* WinGo screenshot: centered gold wordmark, wallet total and color controls. */
.screenshot-game .wingo-topbar{background:#303030!important;border-bottom:1px solid #393939!important}
.screenshot-game .wingo-brand{color:#e5c04d!important;text-shadow:0 1px 0 #6e5015}
.screenshot-game .wingo-wallet{background:radial-gradient(ellipse at 0 100%,#49455d 0 40%,transparent 41%),radial-gradient(ellipse at 100% 0,#49455d 0 42%,transparent 43%),#303030!important;border:1px solid #3b3747!important}
.screenshot-game .wingo-wallet-actions a{min-height:42px;display:flex;align-items:center;justify-content:center;text-decoration:none}
.screenshot-game .wingo-choice{min-height:38px}
.screenshot-game .wingo-history-row{min-height:42px}
.screenshot-game .wingo-result-dialog{border-radius:24px;overflow:hidden}
/* Home screenshot dimensions are limited to the reference-home route. */
.reference-home .gold-tile{min-width:0}
.reference-home .gold-tile b{max-width:100%;font-size:clamp(10px,2.55vw,17px);letter-spacing:clamp(.3px,.18vw,1.4px)}
.reference-home .gold-bottom{padding-bottom:max(8px,env(safe-area-inset-bottom))}
@media(max-width:380px){.deposit-page .deposit-content{padding-left:13px;padding-right:13px}.deposit-page .deposit-panel{padding:22px 16px}.screenshot-game .wingo-wallet-actions{gap:18px}}