/* Account profile: quiet surfaces and a simple identity header. */
#topup-profile-view #topup-user-profile-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px 16px;width:min(100%,720px);box-sizing:border-box;padding:24px;margin:0 auto;border:1px solid #203448;border-radius:18px;background:#0b1725;box-shadow:none;color:#ecf2f9}
#topup-profile-view #topup-user-profile-card[hidden]{display:none!important}
#topup-profile-view #topup-user-profile-card::before,#topup-profile-view #topup-user-profile-card::after{display:none}
#topup-profile-view #topup-user-profile-avatar{width:64px;height:64px;box-sizing:border-box;border-radius:50%;background:#030b14 url('/images/gnex-main-white-192.png') center/cover no-repeat;border:1px solid #354858;box-shadow:none;font-size:0;color:transparent;align-self:center}
#topup-profile-view #topup-user-profile-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
#topup-profile-view .topup-user-profile-main{min-width:0;padding:0}
#topup-profile-view .profile-account-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:26px}
#topup-profile-view .profile-account-heading>small{font:600 9px/1.4 Arial,sans-serif;letter-spacing:.9px;color:#879eb4}
#topup-profile-view #topup-user-profile-name{font:700 22px/1.3 Arial,sans-serif;letter-spacing:-.4px;margin:5px 0 4px;color:#f2f6fb;overflow-wrap:anywhere}
#topup-profile-view #topup-user-profile-phone{font:400 12px/1.5 Arial,sans-serif;color:#8ea5bb;margin:0}
#topup-profile-view .topup-user-profile-actions{position:static;display:flex;gap:6px}
#topup-profile-view .topup-user-profile-actions button{width:32px;height:32px;min-height:0;padding:7px;border:1px solid #294057;border-radius:9px;background:#142436;color:#aac5db;box-shadow:none}
#topup-profile-view .topup-user-profile-status{grid-column:1/-1;justify-self:start;font:600 9px Arial,sans-serif;border:0;padding:0;background:transparent;color:#70c8a2;margin:0}
#topup-profile-view .topup-user-profile-stats{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0;margin:3px 0 0;border-top:1px solid #23374a;border-bottom:1px solid #23374a;padding:15px 0}
#topup-profile-view .topup-user-profile-stats article{border:0;border-radius:0;padding:0 16px;background:transparent;text-align:left;box-shadow:none}
#topup-profile-view .topup-user-profile-stats article:first-child{padding-left:0;border-right:1px solid #23374a}
#topup-profile-view .topup-user-profile-stats b{font:700 20px/1.3 Arial,sans-serif;color:#edf3fa;letter-spacing:-.4px}
#topup-profile-view .topup-user-profile-stats span{font:500 9px/1.5 Arial,sans-serif;color:#859db5;letter-spacing:.6px;margin-top:5px}
#topup-profile-view .topup-user-profile-game-id{grid-column:1/-1;font:400 12px/1.5 Arial,sans-serif;color:#96adc2}
#topup-profile-view .profile-saved-games-controls,#topup-profile-view .profile-edit-wrap{grid-column:1/-1}
#topup-profile-view #profileAddGameToggle{min-height:36px;padding:8px 13px;border:1px solid #2c465e;border-radius:9px;background:#14283a;color:#c6e7f8;font:600 11px Arial,sans-serif}
#topup-profile-view #topup-user-wallet-card{grid-column:1/-1;width:100%;margin:2px 0 0;padding:18px;border:0;border-radius:12px;background:#13263a;box-shadow:none;box-sizing:border-box}
#topup-profile-view #topup-user-wallet-card .topup-wallet-copy>small{font:600 10px Arial,sans-serif;letter-spacing:1px;color:#a2bfd6}
#topup-profile-view .profile-wallet-balances{gap:15px;margin-top:16px}
#topup-profile-view .profile-wallet-label span,#topup-profile-view .profile-topup-label span{font:500 9px Arial,sans-serif;color:#8fa8be;letter-spacing:.3px}
#topup-profile-view .profile-balance-amount strong{font:700 23px/1.4 Arial,sans-serif;color:#edf5fc;letter-spacing:-.7px}
#topup-profile-view .profile-balance-amount button{width:29px;height:29px;border:1px solid #42617d;border-radius:8px;background:#1b364e;color:#bceaff;box-shadow:none}
#topup-profile-view .profile-wallet-balances>div>small{font:400 8px Arial,sans-serif;color:#7f9ab3;letter-spacing:.5px}
#topup-profile-view #topup-user-wallet-card .topup-wallet-copy>p{display:none}
#topup-profile-view .topup-wallet-icon{display:none}
#topup-profile-view .profile-invite{grid-column:1/-1;border:0;border-top:1px solid #23374a;background:transparent;border-radius:0;padding:16px 0 0;margin:2px 0 0;box-shadow:none;font-size:12px;color:#93aabf}
#topup-profile-view .profile-invite button,#topup-profile-view #topup-google-link-toggle{border:1px solid #2b4359;border-radius:10px;background:#142638;box-shadow:none;color:#c4d9e9;font:600 11px Arial,sans-serif;min-height:40px}
#topup-profile-view #userLogoutBtn{grid-column:1/-1;border:0;border-top:1px solid #23374a;border-radius:0;background:transparent;min-height:40px;color:#dca8ad;box-shadow:none;font:600 12px Arial,sans-serif;padding:13px 0 0;margin-top:4px}
@media(max-width:560px){#topup-profile-view #topup-user-profile-card{padding:18px;gap:12px;grid-template-columns:58px minmax(0,1fr);border-radius:15px}#topup-profile-view #topup-user-profile-avatar{width:58px;height:58px}#topup-profile-view #topup-user-profile-name{font-size:20px}#topup-profile-view .profile-account-heading>small{font-size:8px;letter-spacing:.4px}#topup-profile-view .topup-user-profile-actions button{width:29px;height:29px;padding:6px}#topup-profile-view .profile-balance-amount strong{font-size:21px}}
/* Blue identity header with a clean, light account surface. */
#topup-profile-view #topup-user-profile-card{background:linear-gradient(to bottom,#0755cc 0,#0755cc 128px,#f7faff 128px,#f7faff 100%);border:0;border-radius:17px;color:#193754;padding:22px;gap:14px 16px}
#topup-profile-view .topup-user-profile-main{min-height:72px}
#topup-profile-view #topup-user-profile-avatar{border:2px solid #ffffff75;width:62px;height:62px;align-self:start;margin-top:7px}
#topup-profile-view .profile-account-heading>small{color:#c3d9ff;font-size:8px;letter-spacing:.8px}
#topup-profile-view #topup-user-profile-name{color:#fff;font-size:21px;line-height:1.25;margin-top:5px}
#topup-profile-view #topup-user-profile-phone{color:#c9ddff;font-size:11px}
#topup-profile-view .topup-user-profile-actions button{background:#ffffff14;border-color:#ffffff30;color:#fff}
#topup-profile-view .topup-user-profile-status{color:#c4f9dc;font-size:8px;margin-top:-4px}
#topup-profile-view .topup-user-profile-stats{border-top:0;border-bottom:1px solid #dae5f1;padding:16px 0;margin-top:0}
#topup-profile-view .topup-user-profile-stats article:first-child{border-color:#dae5f1}
#topup-profile-view .topup-user-profile-stats b{color:#143b6e;font-size:21px}
#topup-profile-view .topup-user-profile-stats span{color:#6e859e;font-size:9px}
#topup-profile-view .topup-user-profile-game-id{color:#6d8299;font-size:12px}
#topup-profile-view #profileAddGameToggle{background:#e7f0ff;border:0;color:#0757d5;border-radius:8px;padding:10px 15px}
#topup-profile-view #topup-user-wallet-card{background:#075bda;border-radius:12px;padding:18px;color:#fff}
#topup-profile-view #topup-user-wallet-card .topup-wallet-copy>small{color:#fff;letter-spacing:1px;font-size:10px}
#topup-profile-view .profile-wallet-label span,#topup-profile-view .profile-topup-label span{color:#c4dbff}
#topup-profile-view .profile-balance-amount strong{color:#fff;font-size:24px;letter-spacing:-.7px}
#topup-profile-view .profile-wallet-balances>div>small{color:#b6d5ff}
#topup-profile-view .profile-topup-balance{border-color:#ffffff30}
#topup-profile-view .profile-balance-amount button{background:#ffffff14;border-color:#ffffff60;color:#fff;border-radius:8px}
#topup-profile-view .profile-invite{border-color:#dae5f1;color:#607c98;padding-top:13px}
#topup-profile-view .profile-invite p{color:#607c98;font-size:11px;line-height:1.6}
#topup-profile-view .profile-invite a{border:0;background:#e7f0ff;border-radius:8px;color:#0757d5;font:600 11px Arial,sans-serif;min-height:0;padding:11px}
#topup-profile-view .profile-invite button{background:#e7f0ff;color:#0757d5;border:0;border-radius:8px;font-size:10px}
#topup-profile-view .profile-logout-footer{grid-column:1/-1;border-top:1px solid #dae5f1;padding-top:3px;margin:0;background:transparent}
#topup-profile-view #userLogoutBtn{background:transparent!important;border:0!important;color:#aa5060!important;font:600 11px Arial,sans-serif;min-height:32px;padding:5px 0;margin:0}
#topup-profile-view #topup-google-link-toggle{background:#102b4d;color:#bed7f6;border-color:#25486e;border-radius:10px;font-size:10px;min-height:40px}
@media(max-width:560px){#topup-profile-view #topup-user-profile-card{padding:18px;gap:12px;background:linear-gradient(to bottom,#0755cc 0,#0755cc 124px,#f7faff 124px,#f7faff 100%)}#topup-profile-view #topup-user-profile-avatar{width:56px;height:56px}#topup-profile-view #topup-user-profile-name{font-size:20px}#topup-profile-view .profile-balance-amount strong{font-size:22px}}