/* User profile: shared visual language with GNEX Giveaway. */
#topup-profile-view{--profile-bg:#020817;--profile-panel:#08162c;--profile-line:#1b3f63;--profile-cyan:#33d7ff;background:var(--profile-bg);color:#f7faff;font-family:Inter,Arial,sans-serif}
#topup-profile-view *{box-sizing:border-box}
#topup-profile-view .topup-profile-header{min-height:76px;padding:12px 22px;border-bottom:1px solid #173554;background:#020b19;box-shadow:none}
#topup-profile-view .topup-profile-header button{border:1px solid #226080;border-radius:10px;background:#08182b;color:#79e8ff;min-width:44px;min-height:44px}
#topup-profile-view .topup-profile-header span{color:#33d7ff;font-size:10px;letter-spacing:.18em}
#topup-profile-view .topup-profile-header h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;letter-spacing:.02em;color:#f7faff}
#topup-profile-view .topup-profile-content{padding:24px 20px calc(110px + env(safe-area-inset-bottom,0px));background:radial-gradient(ellipse at 85% 0,rgba(22,140,255,.16),transparent 42%),#020817}
#topup-profile-view .topup-user-profile-card{display:grid;grid-template-columns:68px minmax(0,1fr);gap:16px;width:min(100%,720px);margin:0 auto 18px;padding:26px;border:1px solid #1b3f63;border-top:3px solid #33d7ff;border-radius:4px 20px 4px 20px;background:linear-gradient(130deg,#0a203e,#071329 70%);box-shadow:0 16px 40px #0003;color:#f7faff}
#topup-profile-view .topup-user-profile-card::after{display:none}
#topup-profile-view .topup-user-profile-avatar{position:static;width:68px;height:68px;border:1px solid #79e8ff;border-radius:12px 2px 12px 2px;background:linear-gradient(130deg,#147df2,#2abcec);color:white;font-size:30px;box-shadow:none}
#topup-profile-view .topup-user-profile-main{margin:0;min-height:0;align-self:center;padding:0}
#topup-profile-view .topup-user-profile-main small{color:#33d7ff;font-size:9px;letter-spacing:.12em}
#topup-profile-view .topup-user-profile-main h3{max-width:none;margin:4px 0;font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;line-height:1.1;color:#fff;overflow-wrap:anywhere}
#topup-profile-view .topup-user-profile-main p{color:#a5b4c8;font-size:12px}
#topup-profile-view .topup-user-profile-status{position:static;grid-column:1/-1;justify-self:start;background:#092d27;color:#63e6a4;border:1px solid #17604d;border-radius:5px;font-size:9px;padding:6px 10px}
#topup-profile-view .topup-user-profile-stats{grid-column:1/-1;margin:0;gap:8px}
#topup-profile-view .topup-user-profile-stats article{min-width:0;padding:16px 8px;border:1px solid #1b3f63;border-radius:3px;background:#061126}
#topup-profile-view .topup-user-profile-stats b{font-family:'Barlow Condensed',Impact,sans-serif;font-size:24px;line-height:1.15;color:#f7faff;overflow-wrap:anywhere}
#topup-profile-view .topup-user-profile-stats span{color:#8ca8c5;font-size:9px;letter-spacing:.09em;margin-top:7px}
#topup-profile-view .topup-user-profile-game-id{grid-column:1/-1;margin:0;padding:13px;border:1px solid #1b3f63;border-radius:4px;background:#061126;color:#a5b4c8;font-size:12px;overflow-wrap:anywhere}
#topup-profile-view .profile-invite{margin:0;padding:18px;border-color:#1b3f63;border-radius:4px 12px 4px 12px;background:#061126;gap:12px;min-width:0}
#topup-profile-view .profile-invite small{color:#33d7ff;font-size:10px;letter-spacing:.12em;font-weight:800}
#topup-profile-view .profile-invite strong{font-size:18px;color:#33d7ff;overflow-wrap:anywhere}
#topup-profile-view .profile-invite p{color:#a5b4c8;font-size:12px;line-height:1.7}
#topup-profile-view .profile-invite input,#topup-profile-view .topup-google-profile-card input,#topup-profile-view .topup-google-profile-card select{min-height:46px;border:1px solid #254865;border-radius:7px;background:#020d20;color:#f7faff;font-size:16px;padding:12px;width:100%;min-width:0}
#topup-profile-view .profile-invite button,#topup-profile-view .topup-google-profile-card form>button,#topup-profile-view .topup-wallet-button{min-height:46px;border:1px solid #168cff;border-radius:3px 10px 3px 10px;background:linear-gradient(110deg,#147df2,#2abcec);color:#fff;font-size:12px;font-weight:800;padding:12px 16px;box-shadow:none}
#topup-profile-view .profile-invite a{display:block;padding:12px;border:1px solid #274867;border-radius:4px;color:#d3efff;text-decoration:none;font-size:12px;font-weight:700}
#topup-profile-view .topup-user-profile-actions{grid-column:1/-1;margin:0;gap:10px}
#topup-profile-view .topup-user-profile-actions .topup-notification-btn{border:1px solid #274867;border-radius:4px;background:#0b263b;color:#79e8ff;font-size:11px}
#topup-profile-view .topup-user-profile-actions .topup-notification-btn.is-on{background:#092d27;color:#63e6a4;border-color:#17604d}
#topup-profile-view .topup-user-profile-actions .topup-user-logout-btn{border:1px solid #663044;border-radius:4px;background:#24111f;color:#fda4af;font-size:11px}
#topup-profile-view .topup-user-wallet-card,#topup-profile-view .topup-google-profile-card,#topup-profile-view .topup-history-card{width:min(100%,720px);margin:18px auto 0;padding:24px;border:1px solid #1b3f63;border-radius:4px 16px 4px 16px;background:#08162c;color:#f7faff;box-shadow:none}
#topup-profile-view .topup-user-wallet-card{background:radial-gradient(ellipse at top right,#0d4479,transparent 75%),#08162c}
#topup-profile-view .topup-wallet-copy small,#topup-profile-view .topup-history-head small,#topup-profile-view .topup-google-profile-card header small{color:#33d7ff;font-size:10px;letter-spacing:.14em}
#topup-profile-view .topup-wallet-copy strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:42px}
#topup-profile-view .topup-wallet-copy span,#topup-profile-view .topup-wallet-copy p{color:#a5b4c8;font-size:11px}
#topup-profile-view .topup-history-head h3,#topup-profile-view .topup-google-profile-card header h3{font-family:'Barlow Condensed',Impact,sans-serif;color:#f7faff;font-size:26px}
#topup-profile-view .topup-google-profile-card>p,#topup-profile-view .topup-google-profile-card label>span{color:#a5b4c8;font-size:12px}
#topup-profile-view .topup-google-profile-card header>span,#topup-profile-view .topup-history-head>span{background:#0b3049;color:#79e8ff;border:1px solid #226080;border-radius:4px}
#topup-profile-view .topup-history-columns{background:#061126;color:#8ca8c5;border-color:#1b3f63}
#topup-profile-view .topup-history-row{border-color:#1b3f63;background:#061126;color:#d3efff}
#topup-profile-view .topup-history-row summary b,#topup-profile-view .topup-history-row summary>strong,#topup-profile-view .topup-history-empty strong{color:#f7faff}
#topup-profile-view .topup-history-empty{border-color:#1b3f63;background:#061126;color:#a5b4c8}
#topup-profile-view .topup-history-empty p{color:#a5b4c8}
#topup-profile-view :is(input,select,button,a):focus-visible{outline:2px solid #33d7ff;outline-offset:3px}
#topup-profile-view [hidden]{display:none!important}
@media(max-width:560px){#topup-profile-view .topup-profile-content{padding:18px 14px calc(110px + env(safe-area-inset-bottom,0px))}#topup-profile-view .topup-profile-header{min-height:68px;padding:10px 14px}#topup-profile-view .topup-user-profile-card{padding:18px;gap:14px;grid-template-columns:58px minmax(0,1fr)}#topup-profile-view .topup-user-profile-avatar{width:58px;height:58px;font-size:26px}#topup-profile-view .topup-user-profile-main h3{font-size:30px}#topup-profile-view .topup-user-profile-stats b{font-size:21px}#topup-profile-view .topup-user-profile-stats span{font-size:8px}#topup-profile-view .profile-invite{padding:14px}#topup-profile-view .profile-invite strong{font-size:16px}#topup-profile-view .topup-user-wallet-card,#topup-profile-view .topup-google-profile-card,#topup-profile-view .topup-history-card{padding:18px}}
#topup-profile-view .topup-user-profile-stats{grid-template-columns:.75fr 1.45fr 1fr}#topup-profile-view #topup-user-profile-spent{font-size:clamp(16px,4.3vw,23px);white-space:nowrap}
#topup-profile-view .topup-wallet-copy{max-width:100%}#topup-profile-view .profile-wallet-balances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}#topup-profile-view .profile-wallet-balances>div{min-width:0}#topup-profile-view .profile-wallet-balances span{margin-top:0}#topup-profile-view .profile-wallet-balances strong{font-size:clamp(24px,6vw,38px);overflow-wrap:anywhere}#topup-profile-view .profile-topup-balance{border-left:1px solid #226080;padding-left:16px}#topup-profile-view .profile-topup-balance small{font-size:8px;margin-top:7px;letter-spacing:.08em;color:#8ca8c5}#topup-profile-view .topup-wallet-icon{width:30px;height:30px;top:14px;right:16px;border-radius:7px}#topup-profile-view .topup-wallet-icon svg{width:18px;height:18px}
/* Wallet follows the game ID inside the account card. */
#topup-profile-view .topup-user-profile-card>.topup-user-wallet-card{grid-column:1/-1;width:100%;margin:0;padding:16px;border-radius:4px 12px 4px 12px}
#topup-profile-view .topup-user-profile-card .topup-wallet-copy strong{font-size:clamp(24px,6vw,34px)}
#topup-profile-view #profileInvite{grid-template-columns:minmax(0,1fr);gap:10px;padding:0;border:0;background:transparent}
#topup-profile-view #profileInviteToggle{width:100%;min-height:46px}
#topup-profile-view #profileInviteCard{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:13px;border:1px solid #1b3f63;border-radius:4px 12px 4px 12px;background:#061126}
#topup-profile-view #profileInviteCard[hidden]{display:none}
#topup-profile-view #profileInviteOwn>small{grid-column:1/-1;font-size:9px;letter-spacing:.1em}
#topup-profile-view #profileInviteCode{grid-column:1/-1;font-size:16px;letter-spacing:.035em;line-height:1.4}
#topup-profile-view #profileInviteLink{grid-column:1;min-height:44px;height:44px;padding:9px;font-size:16px}
#topup-profile-view #profileInviteCopy{grid-column:2;min-height:44px;padding:9px 12px;font-size:10px;white-space:nowrap}
#topup-profile-view #profileInviteOwn>a{grid-column:1/-1;min-height:44px;display:flex;align-items:center;justify-content:center;padding:9px;font-size:10px}
#topup-profile-view #profileInviter{padding:10px;gap:8px}
#topup-profile-view #profileInviterToggle{font-size:10px;min-height:44px;padding:10px}
#topup-profile-view #profileInviterStatus:empty{display:none}
/* Keep the entire profile on Safari's visual viewport while typing. */
@media(max-width:767px){
 body.profile-keyboard-open #chat-center{position:fixed!important;inset:var(--profile-visual-top,0px) 0 auto!important;height:var(--profile-visual-height,100dvh)!important;min-height:0!important;width:100%!important;background:#020817!important;transform:none!important;z-index:2147483000!important}
 body.profile-keyboard-open #chat-center .gc-panel,body.profile-keyboard-open #chat-center .gc-shell{height:100%!important;min-height:0!important;max-height:none!important;transform:none!important}
 body.profile-keyboard-open #topup-profile-view{inset:0!important;height:100%!important;min-height:0!important;transform:none!important;overflow:hidden!important}
 body.profile-keyboard-open #topup-profile-view .topup-profile-header{flex-shrink:0}
 body.profile-keyboard-open #topup-profile-view .topup-profile-content{min-height:0;flex:1;overflow-y:auto!important;padding-bottom:28px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 body.profile-keyboard-open .bottom-app-nav{display:none!important}
 body.profile-keyboard-open> :not(#chat-center):not(dialog){visibility:hidden!important}
 body.profile-keyboard-open>#chat-center{visibility:visible!important}
}

.topup-auth-scroll{width:100%;max-width:340px}
@media(max-width:767px){
 #topup-profile-view .topup-profile-content:has(#topup-auth-card:not([hidden])){min-height:0;display:flex;overflow:hidden!important;padding:12px 14px calc(100px + env(safe-area-inset-bottom,0px))}
 #topup-profile-view #topup-auth-card:not([hidden]){display:flex;flex-direction:column;flex:1;min-height:0;height:100%;margin:0 auto}
 #topup-auth-card .topup-auth-welcome{flex-shrink:0}
 #topup-auth-card .topup-auth-form-side{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0;overflow:hidden;padding:12px 18px 0}
 #topup-auth-card .topup-auth-mobile-tabs{flex-shrink:0;margin-bottom:12px}
 #topup-auth-card .topup-auth-scroll{flex:1;min-height:0;max-width:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 3px 24px;scroll-padding:12px}
 #topup-auth-card input:not([type=checkbox]),#topup-auth-card select{font-size:16px}
 body.profile-keyboard-open #topup-profile-view .topup-profile-content:has(#topup-auth-card:not([hidden])){padding:6px 10px!important;overflow:hidden!important}
 body.profile-keyboard-open #topup-auth-card .topup-auth-welcome{min-height:0;padding:8px 12px}
 body.profile-keyboard-open #topup-auth-card .topup-auth-welcome>img,body.profile-keyboard-open #topup-auth-card .topup-auth-welcome>h3,body.profile-keyboard-open #topup-auth-card .topup-auth-welcome>p:not(.topup-auth-eyebrow){display:none}
 body.profile-keyboard-open #topup-auth-card .topup-auth-eyebrow{margin:0}
 body.profile-keyboard-open #topup-auth-card .topup-auth-form-side{padding-top:6px}
 body.profile-keyboard-open #topup-auth-card .topup-auth-mobile-tabs{margin-bottom:6px}
}

/* Auth fields use their rounded wrapper as the single focus indicator. */
#topup-profile-view .topup-auth-form :is(input:not([type="checkbox"]),select):is(:focus,:focus-visible){outline:none;box-shadow:none}
#topup-profile-view .topup-auth-form label>div:focus-within{border-color:#33d7ff;box-shadow:0 0 0 2px rgba(51,215,255,.15)}
#topup-profile-view .topup-auth-form>label>div:has(>input:only-child){grid-template-columns:minmax(0,1fr)}

#topup-profile-view .register-giveaway-caption{margin:8px 0 0;font-size:10px;line-height:1.4;letter-spacing:.06em;color:#8ca8c5}
#topup-profile-view .topup-auth-scroll{scroll-behavior:auto}

#topup-profile-view .profile-topup-label{display:flex;align-items:center;justify-content:space-between;gap:8px}#topup-profile-view #profileTopupAdd{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:1px solid #379bb7;border-radius:8px;background:#082b44;color:#7debff;font-size:23px;line-height:1;cursor:pointer}#topup-profile-view .profile-topup-help{grid-column:1/-1;padding:14px;border:1px solid #28718c;border-radius:10px;background:#06162a}#topup-profile-view .profile-topup-help[hidden]{display:none}#topup-profile-view .profile-topup-help>strong{font-size:12px;color:#67e8f9}#topup-profile-view .profile-topup-help p{margin:8px 0 12px;font-size:12px;line-height:1.6;color:#b7c8db}#topup-profile-view .profile-topup-help>div{display:flex;gap:8px}#topup-profile-view .profile-topup-help a{display:flex;align-items:center;justify-content:center;min-height:40px;padding:9px 12px;border:1px solid #28718c;border-radius:7px;background:#0b3049;color:#a3efff;text-decoration:none;font-size:11px;font-weight:800}

/* Equal label, amount and currency rows in both wallet columns. */
#topup-profile-view .profile-wallet-balances{gap:0;align-items:stretch}
#topup-profile-view .profile-wallet-balances>div{display:grid;grid-template-rows:32px auto auto;align-content:start;row-gap:6px}
#topup-profile-view .profile-wallet-balances>div:first-child{padding-right:12px}
#topup-profile-view .profile-topup-balance{padding-left:12px}
#topup-profile-view .profile-wallet-label,#topup-profile-view .profile-topup-label{display:flex;align-items:center;min-height:32px;margin:0}
#topup-profile-view .profile-wallet-balances .profile-wallet-label span,#topup-profile-view .profile-wallet-balances .profile-topup-label span{font-size:10px;line-height:1.2;letter-spacing:.08em;margin:0}
#topup-profile-view .profile-wallet-balances strong{display:block;margin:0;line-height:1.1;font-variant-numeric:tabular-nums}
#topup-profile-view .profile-wallet-balances>div>small{display:block;margin:0;font-size:8px;line-height:1.4;letter-spacing:.08em;color:#8ca8c5}

.profile-edit-wrap{grid-column:1/-1;width:100%}.profile-edit-wrap button{padding:12px 16px;border:1px solid #306078;border-radius:6px;background:#143b50;color:#7eeeff;font-weight:800}.profile-edit-wrap form{margin-top:12px;padding:16px;background:#10283b;border:1px solid #306078;border-radius:6px 20px;display:grid;gap:12px}.profile-edit-wrap form[hidden]{display:none}.profile-edit-wrap label{display:grid;gap:6px;color:#e5f2ff;font-size:13px}.profile-edit-wrap input,.profile-edit-wrap select{width:100%;min-height:44px;padding:10px;border:1px solid #426377;border-radius:6px;background:#081c2c;color:white;font-size:16px}.profile-edit-wrap small,.profile-edit-wrap p{color:#b2c9d8;font-size:12px}.profile-edit-wrap label[hidden]{display:none}

/* Compact account overview; keep balances and touch targets easy to read. */
#topup-profile-view .topup-user-profile-card{padding:18px;gap:12px;grid-template-columns:48px minmax(0,1fr);border-radius:16px}
#topup-profile-view .topup-user-profile-avatar{width:48px;height:48px;font-size:23px;border-radius:12px}
#topup-profile-view .topup-user-profile-main h3{font-size:27px;margin:3px 0}
#topup-profile-view .topup-user-profile-main small{font-size:8px}
#topup-profile-view .topup-user-profile-main p{font-size:11px;margin:3px 0 0}
#topup-profile-view .topup-user-profile-status{font-size:8px;padding:4px 8px}
#topup-profile-view .topup-user-profile-stats article{padding:10px 6px;border-radius:8px}
#topup-profile-view .topup-user-profile-stats b{font-size:20px}
#topup-profile-view .topup-user-profile-stats span{font-size:7px;margin-top:4px}
#topup-profile-view .topup-user-profile-game-id{padding:9px 12px;border-radius:8px;font-size:11px}
#topup-profile-view #profileEditToggle{min-height:36px;padding:8px 12px;font-size:11px;border-radius:8px}
#topup-profile-view .topup-user-profile-actions{display:flex;justify-content:flex-end;gap:8px}
#topup-profile-view .topup-user-profile-actions button{width:40px;min-width:40px;height:40px;min-height:40px;margin:0;padding:9px;border-radius:10px;line-height:0;cursor:pointer}
#topup-profile-view .topup-user-profile-actions button svg{width:20px;height:20px}
#topup-profile-view .profile-wallet-label{justify-content:space-between;gap:4px}
#topup-profile-view #profileWalletAdd,#topup-profile-view #profileTopupAdd{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;padding:0;border:1px solid #379bb7;border-radius:8px;background:#082b44;color:#7debff;font-size:23px;line-height:1;cursor:pointer}
#topup-profile-view .topup-user-profile-card>.topup-user-wallet-card{padding:14px;border-radius:12px}
#topup-profile-view .profile-wallet-balances{margin-top:12px}
#topup-profile-view .profile-balance-amount{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
#topup-profile-view .profile-balance-amount strong{min-width:0}
#topup-profile-view .topup-wallet-copy>p{margin:10px 0 0;font-size:10px;line-height:1.5}
#topup-profile-view button:focus-visible{outline:2px solid #67e8f9;outline-offset:3px}
@media(max-width:560px){
 #topup-profile-view .topup-user-profile-card{padding:14px;gap:10px}
 #topup-profile-view .profile-wallet-balances .profile-wallet-label span,#topup-profile-view .profile-wallet-balances .profile-topup-label span{font-size:9px;letter-spacing:.03em}
 #topup-profile-view .topup-user-profile-card .topup-wallet-copy strong{font-size:28px}
 #topup-profile-view .profile-invite{padding:12px}
}

/* Google linking opens only when requested from the profile. */
#topup-profile-view #topup-google-link-card{padding:0;border:0;background:transparent}
#topup-google-link-toggle{display:block;width:100%;min-height:46px;padding:12px 16px;border:1px solid #168cff;border-radius:3px 10px 3px 10px;background:linear-gradient(110deg,#147df2,#2abcec);color:#fff;font-size:12px;font-weight:800}
#topup-google-link-toggle:focus-visible{outline:2px solid #67e8f9;outline-offset:3px}
#topup-google-link-content{margin-top:10px;padding:24px;border:1px solid #1b3f63;border-radius:4px 16px 4px 16px;background:#08162c}
#topup-google-link-content[hidden]{display:none}
#topup-google-link-content>p{color:#a5b4c8;font-size:12px}
@media(max-width:560px){#topup-google-link-content{padding:18px}}

#topup-profile-view .topup-user-profile-stats{grid-template-columns:1fr 1.6fr}
#topup-profile-view #topup-user-profile-game-id{display:grid;gap:8px;padding:0;border:0;background:none;text-align:left}
.profile-saved-game{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #254865;border-radius:8px;background:#061126;min-width:0}
.profile-saved-game>span{overflow-wrap:anywhere;min-width:0;font-size:13px}.profile-saved-game em{display:block;font-size:10px;color:#8da6bf;font-style:normal;margin-top:3px}.profile-saved-game>small{flex-shrink:0;font-size:9px;color:#67e8f9;padding:5px 7px;background:#103047;border-radius:5px}
.profile-saved-games-controls{grid-column:1/-1;min-width:0}.profile-saved-games-controls button{padding:12px;border:1px solid #276578;border-radius:8px;background:#103e50;color:#8be9fa;font-size:12px;font-weight:800}.profile-saved-games-controls form{display:grid;gap:12px;padding:14px;margin-top:10px;border:1px solid #254865;border-radius:8px}.profile-saved-games-controls form[hidden],.profile-saved-games-controls label[hidden]{display:none}.profile-saved-games-controls label{display:grid;gap:6px;font-size:12px}.profile-saved-games-controls input,.profile-saved-games-controls select{width:100%;min-width:0;padding:10px;border:1px solid #254865;border-radius:6px;background:#020d20;color:#fff;font-size:16px}.profile-saved-games-controls p{font-size:12px;color:#a5b4c8}

#profileInviteOwn{display:contents}#profileInviteOwn[hidden]{display:none}
#topup-profile-view #profileInviteCard>#profileInviter{grid-column:1/-1;margin-top:5px;padding:12px 0 0;border:0;border-top:1px solid #254865;border-radius:0;background:transparent}

#topup-profile-view .profile-account-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
#topup-profile-view .profile-account-heading>small{min-width:0;line-height:1.4}
#topup-profile-view .profile-account-heading .topup-user-profile-actions{flex-shrink:0;gap:6px;align-self:center}
#topup-profile-view .profile-account-heading .topup-user-profile-actions button{width:34px;min-width:34px;height:34px;min-height:34px;margin:0;padding:7px;border-radius:8px}
#topup-profile-view .profile-account-heading .topup-user-profile-actions button svg{width:18px;height:18px}

/* Compact profile editing beside the saved-ID action. */
#topup-profile-view .profile-game-tools{display:flex;align-items:center;justify-content:space-between;gap:10px}
#topup-profile-view #profileEditToggle{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;min-height:36px;padding:8px;border:1px solid #306078;border-radius:8px;background:#143b50;color:#7eeeff;cursor:pointer}
#profileEditToggle svg{width:18px;height:18px}#profileEditToggle:focus-visible{outline:2px solid #67e8f9;outline-offset:3px}#profileEditToggle:disabled{opacity:.5;cursor:wait}
#topup-profile-view .profile-edit-wrap:has(#profileEditForm[hidden]){display:none}
#topup-profile-view #profileEditForm{margin:0;padding:12px;gap:9px;border-radius:10px;background:#07182b;border-color:#254865}
#profileEditForm label{gap:4px;font-size:11px}#profileEditForm input,#profileEditForm select{min-height:40px;padding:8px 10px;font-size:16px;border-color:#294e67}
#profileEditForm small{font-size:10px;line-height:1.45}#profileEditForm p{margin:0;font-size:11px;line-height:1.45}#profileEditStatus:empty{display:none}
#profileEditForm>div{display:flex;gap:8px;margin-top:2px}#profileEditForm>div button{min-height:36px;padding:8px 12px;font-size:10px;border-radius:7px}#profileEditForm>div button[type=button]{background:transparent;color:#a5b4c8;border-color:#294e67}
/* Compact game accounts and verified-ID editor. */
#topup-profile-view .topup-user-profile-stats{gap:6px}
#topup-profile-view .topup-user-profile-stats article{padding:7px 6px}
#topup-profile-view .topup-user-profile-stats b,#topup-profile-view #topup-user-profile-spent{font-size:18px}
#topup-profile-view .topup-user-profile-stats span{margin-top:2px;font-size:7px}
#topup-profile-view #topup-user-profile-game-id{gap:6px}
#topup-profile-view .profile-saved-game{gap:7px;padding:8px 9px}
#topup-profile-view .profile-saved-game>span{flex:1;font-size:12px}
#topup-profile-view .profile-saved-game em{font-size:10px;margin-top:2px}
#topup-profile-view .profile-saved-game>small{font-size:8px;padding:4px 5px}
#topup-profile-view .profile-game-edit{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;padding:0;border:1px solid #276578;border-radius:6px;background:#103047;color:#8be9fa}
#topup-profile-view #profileAddGameToggle{padding:8px 10px;font-size:11px;min-height:34px}
#topup-profile-view #profileAddGameForm{padding:10px;gap:8px;margin-top:8px}
#topup-profile-view #profileAddGameForm label{font-size:11px;gap:4px}
#topup-profile-view #profileAddGameForm input,#topup-profile-view #profileAddGameForm select{box-sizing:border-box;padding:8px;font-size:16px;min-height:38px}
#topup-profile-view .profile-game-form-actions{display:flex;gap:8px}
#topup-profile-view .profile-game-form-actions button{padding:9px;font-size:11px;min-height:36px}
#topup-profile-view #profileGameSubmit{flex:1}
#topup-profile-view #profileGameVerified{padding:9px;border:1px solid #247f6b;border-radius:6px;color:#82eac0;font-size:12px;overflow-wrap:anywhere}
#topup-profile-view #profileGameVerified[hidden]{display:none}
#topup-profile-view #profileAddGameStatus{margin:0;font-size:11px}
#topup-profile-view #profileAddGameStatus:empty{display:none}

#topup-profile-view .profile-logout-footer{grid-column:1/-1;margin-top:16px}#topup-profile-view .profile-logout-footer #userLogoutBtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:40px;margin:0;padding:10px 14px;border:1px solid #663044;border-radius:8px;background:#24111f;color:#fda4af;font-size:12px;font-weight:800}#topup-profile-view .profile-logout-footer #userLogoutBtn svg{width:18px;height:18px}