.header-profile { display:flex; align-items:center; gap:9px; min-width:0; max-width:215px; min-height:44px; padding:5px 10px 5px 5px; border:1px solid #59c9ff44; border-radius:12px; background:linear-gradient(125deg,#59c9ff0b,#8baeff0a); color:var(--ink); text-decoration:none; }
.header-profile:hover { border-color:#59c9ff88; background:#59c9ff12; }
.header-profile:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.header-profile-avatar { display:grid; place-items:center; flex:none; width:32px; height:32px; border:1px solid #59c9ff66; border-radius:10px; background:#59c9ff1a; color:var(--accent); font-size:12px; font-weight:800; }
.header-profile-meta { display:grid; gap:3px; min-width:0; text-align:start; }
.header-profile-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:700; line-height:1.25; }
.header-profile-level { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#b5cee8; font-size:10px; line-height:1.2; }
.player-menu { display:flex; align-items:center; gap:6px; min-width:0; }
.player-menu:has(> .header-profile:not([hidden])) #player-name { display:none; }
.player-menu:has(> .header-profile:not([hidden])) .player-menu-button { justify-content:center; flex:none; width:40px; min-height:44px; padding:9px; }
.profile-page { min-height:100svh; background:radial-gradient(ellipse at 12% 16%,#1596ff0b,transparent 48%),var(--paper); }
.profile-header { gap:14px; direction:ltr; }
.profile-header .brand { margin-inline-end:auto; }
.profile-header .header-usd-balance { align-self:center; }
.profile-main { width:min(100%,960px); margin:0 auto; padding:20px 34px 40px; }
.profile-page-heading,.profile-section-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.profile-page-heading { margin-bottom:15px; }
.profile-eyebrow { margin:0 0 8px; color:#a7bbd4; font-size:9px; font-weight:700; letter-spacing:1.8px; line-height:1.6; }
.profile-page-heading h1 { margin:0; color:var(--ink); font-size:clamp(28px,4vw,36px); line-height:1.15; letter-spacing:-1px; }
.profile-status { margin:0 0 18px; color:var(--muted); font-size:12px; line-height:1.7; }
.profile-status:empty { display:none; }
.profile-access { max-width:620px; padding:30px; border:1px solid var(--line); border-radius:20px; background:var(--surface); }
.profile-access h2 { margin:0 0 22px; font-size:23px; letter-spacing:-.6px; }
.profile-access p { margin-bottom:22px; color:var(--muted); font-size:13px; line-height:1.7; }
.profile-identity { position:relative; isolation:isolate; display:flex; align-items:center; flex-wrap:wrap; gap:22px; padding:26px; border:1px solid #59c9ff52; border-radius:22px; background:linear-gradient(125deg,#13253b,#0b1727 68%); box-shadow:inset 0 1px 0 #59c9ff12,0 18px 42px #02091433; overflow:hidden; }
.profile-identity::before { content:""; position:absolute; z-index:-1; inset-block-start:-92px; inset-inline-end:-30px; width:230px; height:230px; border:1px solid #8baeff1a; border-radius:50%; background:radial-gradient(circle,#8baeff0b,transparent 65%); box-shadow:0 0 0 25px #8baeff06,0 0 0 52px #8baeff03; pointer-events:none; }
.profile-avatar-shell { position:relative; flex:none; width:76px; height:76px; }
.profile-avatar { display:grid; place-items:center; width:100%; height:100%; border:1px solid #8ddaff8a; border-radius:23px; background:linear-gradient(145deg,#79d6ff,#45b6f0); color:#03131f; box-shadow:0 5px 0 #59c9ff1c,0 10px 24px #050b1633; font-size:31px; font-weight:900; letter-spacing:-1px; transform:rotate(-5deg); transition:transform .18s ease; }
.profile-identity:hover .profile-avatar { transform:rotate(-2deg); }
.profile-avatar-spark { position:absolute; inset-block-end:-7px; inset-inline-end:-9px; display:grid; place-items:center; width:31px; height:31px; border:2px solid #0d1d30; border-radius:11px; background:#8baeff; color:#0d1d30; font-size:23px; line-height:1; transform:rotate(12deg); pointer-events:none; }
.profile-avatar-spark svg { width:19px; height:19px; }
.profile-identity-copy { flex:1 1 160px; min-width:0; }
.profile-identity h2 { margin:0 0 7px; color:var(--ink); font-size:27px; font-weight:800; letter-spacing:-.8px; overflow-wrap:anywhere; }
.profile-member { margin:0; color:var(--muted); font-size:11px; line-height:1.7; }
.profile-level-chip { display:flex; align-items:center; gap:8px; min-width:0; max-width:100%; padding:10px 15px; border:1px solid #59c9ff59; border-radius:99px; background:#59c9ff13; color:var(--accent); box-shadow:inset 0 1px 0 #a6e5ff0b; }
.profile-level-chip > svg { flex:none; width:22px; height:22px; }
.profile-level-chip > svg, .profile-icon > svg { fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.profile-level-badge { min-width:0; color:var(--accent); font-size:17px; font-weight:800; line-height:1.4; overflow-wrap:anywhere; }
.profile-level-card { margin-top:16px; padding:23px 24px; border:1px solid #59c9ff3d; border-radius:20px; background:linear-gradient(125deg,#10233a,#0b1727 70%); box-shadow:inset 0 1px 0 #59c9ff0c; }
.profile-section-title { display:flex; align-items:center; gap:10px; min-width:0; max-width:100%; }
.profile-section-title h2 { min-width:0; overflow-wrap:anywhere; }
.profile-icon { display:grid; place-items:center; flex:none; width:34px; height:34px; border:1px solid #8baeff28; border-radius:11px; background:#8baeff13; color:#b5caff; }
.profile-icon > svg { width:19px; height:19px; }
.profile-icon-level { border-color:#59c9ff30; background:#59c9ff14; color:#7edbff; }
.profile-icon-win { background:#8baeff18; color:#a6d4ff; }
.profile-icon-withdrawn { border-color:#8baeff2b; background:#8baeff11; color:#c1d1e8; }
.profile-section-heading h2 { margin:0; color:var(--ink); font-size:20px; font-weight:600; letter-spacing:-.5px; }
.profile-level-card .profile-eyebrow { color:#a8cbe7; }
.profile-next-level { color:#b5cee8; font-size:12px; overflow-wrap:anywhere; }
.profile-level-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; min-width:0; max-width:100%; }
.profile-level-actions .button { min-height:44px; }
.profile-progress-summary { display:flex; align-items:baseline; flex-wrap:wrap; gap:10px; margin:20px 0 13px; }
.profile-progress-summary strong { max-width:100%; color:var(--accent); font-size:30px; letter-spacing:-.8px; line-height:1.2; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; unicode-bidi:isolate; }
.profile-progress-summary span { color:#a8bdd4; font-size:12px; }
.profile-progress { display:block; width:100%; height:12px; border:0; border-radius:99px; overflow:hidden; background:#59c9ff15; accent-color:var(--accent); }
.profile-progress::-webkit-progress-bar { border-radius:99px; background:#59c9ff15; }
.profile-progress::-webkit-progress-value { border-radius:99px; background:linear-gradient(90deg,#1596ff,#59c9ff 70%,#a5c6ff); box-shadow:inset 0 1px 0 #ffffff33; }
.profile-progress::-moz-progress-bar { border-radius:99px; background:linear-gradient(90deg,#1596ff,#59c9ff 70%,#a5c6ff); }
.profile-progress-remaining { margin:14px 0 12px; color:#c6ddf3; font-size:13px; line-height:1.6; }
.profile-note { margin:0; color:var(--muted); font-size:11px; line-height:1.7; }
.profile-note + .profile-note { margin-top:5px; }
.profile-level-details { margin-top:15px; padding-top:12px; border-top:1px solid #59c9ff1a; }
.profile-level-details summary { width:fit-content; min-height:32px; color:#a8bdd4; font-size:11px; line-height:32px; cursor:pointer; }
.profile-level-details summary:focus-visible { outline:2px solid var(--accent); outline-offset:4px; border-radius:3px; }
.profile-level-details[open] summary { margin-bottom:8px; }
.profile-feature-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:16px 0 22px; }
.profile-stat { min-width:0; padding:22px 24px; border:1px solid #3b739f3b; border-radius:20px; background:linear-gradient(135deg,#102138,#0b1727); box-shadow:inset 0 1px 0 #59c9ff0b; }
.profile-withdrawn { border-color:#4871932b; background:linear-gradient(135deg,#101e31,#0b1727); }
.profile-stat h2 { margin:0; color:#b5c7dd; font-size:13px; font-weight:600; line-height:1.5; }
.profile-stat > strong { display:block; margin:16px 0 7px; color:var(--ink); font-size:33px; font-weight:800; line-height:1.2; letter-spacing:-.8px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; unicode-bidi:isolate; }
.profile-stat > strong.profile-stat-unavailable { color:#99aec6; font-size:25px; letter-spacing:-.5px; }
.profile-stat-unit { display:block; margin-bottom:13px; color:#a7bbd4; font-size:11px; }
.profile-referrals { min-width:0; padding:23px 24px; border:1px solid #59c9ff3d; border-radius:20px; background:linear-gradient(130deg,#10263e,#0b1727 75%); box-shadow:inset 0 1px 0 #59c9ff0c; }
.profile-icon-referral { border-color:#59c9ff30; background:#59c9ff13; color:#a6dcff; }
.profile-referral-rate { max-width:100%; padding:7px 11px; border:1px solid #59c9ff2b; border-radius:99px; background:#59c9ff0b; color:#a6dcff; font-size:11px; font-weight:700; line-height:1.5; overflow-wrap:anywhere; }
.profile-referral-share,.profile-referral-claim { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; margin-top:21px; }
.profile-referral-code { display:grid; gap:7px; min-width:0; max-width:100%; }
.profile-referral-code > span,.profile-referral-stats span,.profile-referral-claim span { color:#a8bdd4; font-size:11px; line-height:1.5; }
.profile-referral-code > code { display:block; min-width:0; color:#d2ebff; font-size:24px; font-weight:800; letter-spacing:1.5px; line-height:1.4; overflow-wrap:anywhere; unicode-bidi:isolate; }
.profile-referral-share .button,.profile-referral-claim .button { min-height:44px; }
.profile-referral-url { min-width:0; margin:14px 0 0; padding:12px 14px; border:1px solid #59c9ff22; border-radius:11px; background:#050e1b55; color:#b7d7f1; font-size:12px; line-height:1.7; text-align:start; overflow-wrap:anywhere; user-select:all; }
.profile-referral-copy-status,.profile-referral-claim-status { margin:8px 0 0; color:#b7d7f1; font-size:11px; line-height:1.7; }
.profile-referral-copy-status:empty,.profile-referral-claim-status:empty { display:none; }
.profile-referral-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:20px 0 15px; padding-top:17px; border-top:1px solid #59c9ff22; }
.profile-referral-stats > div { min-width:0; display:grid; align-content:start; gap:6px; }
.profile-referral-stats strong { min-width:0; color:#d2ebff; font-size:25px; font-weight:800; line-height:1.4; overflow-wrap:anywhere; unicode-bidi:isolate; font-variant-numeric:tabular-nums; }
.profile-referral-claim { margin:0; padding:15px; border:1px solid #59c9ff2a; border-radius:13px; background:#59c9ff0a; }
.profile-referral-claim > div { min-width:0; max-width:100%; display:grid; gap:6px; }
.profile-referral-claim strong { color:#d6f6e2; font-size:25px; font-weight:800; line-height:1.4; overflow-wrap:anywhere; unicode-bidi:isolate; font-variant-numeric:tabular-nums; }
.profile-referral-details { margin-top:15px; }
.profile-referral-details summary { width:fit-content; min-height:32px; color:#a8bdd4; font-size:11px; line-height:32px; cursor:pointer; }
.profile-referral-details summary:focus-visible { outline:2px solid var(--accent); outline-offset:4px; border-radius:3px; }
.profile-referral-details[open] summary { margin-bottom:8px; }
.referral-program-intro { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:0 0 24px; padding:28px; border:1px solid var(--line); border-radius:20px; background:var(--surface); }
.referral-program-intro h2 { margin:0 0 10px; color:var(--ink); font-size:clamp(22px,3vw,30px); line-height:1.2; letter-spacing:-.7px; }
.referral-program-intro p { max-width:460px; margin:0; color:var(--muted); font-size:13px; line-height:1.7; }
.referral-program-percent { flex:none; color:var(--accent); font-size:clamp(48px,8vw,76px); line-height:1; letter-spacing:-3px; font-weight:900; }
.referral-program-percent span { font-size:.55em; letter-spacing:-1px; }
.referral-program-page .profile-footer a { color:var(--accent); font-size:12px; }
@media(max-width:480px) { .referral-program-intro { align-items:flex-start; flex-direction:column-reverse; gap:14px; padding:22px; } }
.profile-updated { margin:23px 0 0; color:#829bb7; font-size:10px; line-height:1.6; }
.profile-footer { margin-top:auto; padding:16px 24px 24px; color:var(--muted); font-size:10px; text-align:center; }
@media(max-width:600px) {
  .header-profile { max-width:200px; gap:7px; padding-inline-end:8px; }
  .profile-header { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,116px); gap:12px; }
  .profile-header .brand { grid-column:1; grid-row:1; margin:0; }
  .profile-header > .button { grid-column:1; grid-row:2; justify-self:start; }
  .profile-header .header-usd-balance { grid-column:2; grid-row:1/3; width:100%; padding:9px; }
  .profile-header .header-usd-total { font-size:18px; }
  .profile-header .header-usd-total.is-unavailable { font-size:11px; }
  .profile-main { padding:18px 20px 34px; }
  .profile-identity { padding:23px 19px; gap:18px; }
  .profile-avatar-shell { width:64px; height:64px; }
  .profile-avatar { border-radius:20px; font-size:26px; }
  .profile-avatar-spark { width:27px; height:27px; font-size:20px; }
  .profile-identity h2 { font-size:23px; }
  .profile-level-chip { padding:8px 12px; }
  .profile-level-chip > svg { width:19px; height:19px; }
  .profile-level-badge { font-size:14px; }
  .profile-level-card,.profile-stat,.profile-referrals { padding:21px 19px; }
  .profile-progress-summary strong { font-size:29px; }
  .profile-feature-stats { grid-template-columns:minmax(0,1fr); gap:12px; }
  .profile-stat > strong { font-size:31px; }
}
@media(max-width:360px) { .header-profile { max-width:170px; } .profile-main { padding-inline:15px; } .profile-identity { gap:12px; } }
@media(prefers-reduced-motion:reduce) { .header-profile { transition:none; } .profile-avatar { transition:none; } .profile-identity:hover .profile-avatar { transform:rotate(-5deg); } }
.profile-withdrawals { margin:16px 0 22px; padding:24px; border:1px solid var(--line); border-radius:20px; background:var(--surface); }
.profile-withdrawals h2 { margin:0; font-size:18px; }
.withdrawal-balances { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:20px 0; }
.withdrawal-balances>div { display:grid; gap:9px; padding:16px; border:1px solid var(--line); border-radius:12px; background:var(--paper); }
.withdrawal-balances span { font-size:11px; color:var(--muted); }
.withdrawal-balances strong { font-size:23px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.withdrawal-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.withdrawal-field { display:grid; align-content:start; gap:8px; min-width:0; }
.withdrawal-field label { font-size:12px; font-weight:600; }
.withdrawal-field input,.withdrawal-field select { width:100%; min-width:0; min-height:44px; padding:12px; border:1px solid var(--line); border-radius:10px; background:var(--theme-field); color:var(--ink); font:14px var(--body); }
.withdrawal-field select:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.withdrawal-field :disabled { opacity:.65; }
.withdrawal-destination,.withdrawal-note,.withdrawal-form>.button { grid-column:1/-1; }
.withdrawal-status { margin:16px 0; color:var(--accent); font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.withdrawal-status.is-error { color:var(--theme-error-ink); }
.withdrawal-history-heading { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:10px; margin:26px 0 14px; }
.withdrawal-history-heading h3 { margin:0; font-size:14px; }
.withdrawal-history { display:grid; gap:12px; }
.withdrawal-request { min-width:0; padding:16px; border:1px solid var(--line); border-radius:12px; background:var(--paper); }
.withdrawal-request-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
.withdrawal-request code { display:block; margin:9px 0; font-size:12px; line-height:1.7; color:var(--muted); overflow-wrap:anywhere; }
.withdrawal-request p { overflow-wrap:anywhere; }
.withdrawal-badge { padding:6px 9px; border-radius:8px; font-size:10px; line-height:1.5; background:var(--raised); color:var(--muted); }
.withdrawal-pending { background:var(--theme-warning-bg); color:var(--theme-warning-ink); }
.withdrawal-approved,.withdrawal-paid { background:var(--theme-success-bg); color:var(--theme-success-ink); }
.withdrawal-rejected { background:var(--theme-error-bg); color:var(--theme-error-ink); }
#withdrawal-more { margin-top:16px; }
@media(max-width:600px) { .profile-withdrawals { padding:20px; } .withdrawal-form,.withdrawal-balances { grid-template-columns:minmax(0,1fr); } .withdrawal-field input,.withdrawal-field select { font-size:16px; } }