/* Profile uses the same surfaces, typography and controls as Friends. */
html body[data-mode][data-screen=profile-clean]{background:#fff}
html body[data-mode][data-screen=profile-clean]>.app-header{background:#fff}
html body[data-mode][data-screen=profile-clean] .profile-page{
  --dx-font:Nunito,Arial,sans-serif;color:#1e1e1e;background:#fff;
  width:100%;max-width:1040px;margin-inline:auto;
}
html body[data-mode][data-screen=profile-clean] .profile-grid{gap:20px;min-width:0}
html body[data-mode][data-screen=profile-clean] .profile-identity{
  position:relative;align-self:start;padding:20px 44px;text-align:center;
}
html body[data-mode][data-screen=profile-clean] .profile-identity .page-title{
  margin:0;font-size:28px;font-weight:800;line-height:1.1;letter-spacing:-.56px;
}
html body[data-mode][data-screen=profile-clean] .profile-identity>.muted{margin-top:8px;color:#929292;font-size:13px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}
html body[data-mode][data-screen=profile-clean] .profile-settings{
  display:grid;place-items:center;top:12px;right:0;width:40px;height:40px;padding:9px;
  border:0;border-radius:12px;background:#f0f0f2;
}
html body[data-mode][data-screen=profile-clean] .profile-settings img{width:22px;height:22px;filter:grayscale(1)}
html body[data-mode][data-screen=profile-clean] .profile-content{gap:12px;align-content:start;min-width:0}
html body[data-mode][data-screen=profile-clean] .profile-content>.panel{padding:16px;border:0;border-radius:24px;background:#f7f7f7;box-shadow:none}
html body[data-mode][data-screen=profile-clean] .profile-balance{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
html body[data-mode][data-screen=profile-clean] .profile-balance-link{flex:1;min-width:140px;gap:10px}
html body[data-mode][data-screen=profile-clean] .profile-balance-link>div{min-width:0}
html body[data-mode][data-screen=profile-clean] .profile-balance .secondary-token-icon{width:40px;height:40px;flex:none}
html body[data-mode][data-screen=profile-clean] .profile-balance .section-title{margin:0;color:#929292;font-size:12px;font-weight:600;line-height:1.3;letter-spacing:0}
html body[data-mode][data-screen=profile-clean] .profile-balance .muted{margin-top:4px;color:#1e1e1e;font-size:18px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
html body[data-mode][data-screen=profile-clean] .profile-topup{
  display:flex;align-items:center;justify-content:center;flex:none;min-height:44px!important;
  margin-left:auto;padding:12px 16px!important;border:0;border-radius:12px!important;
  background:linear-gradient(#000,#323232)!important;color:#fff!important;
  font-size:15px!important;font-weight:700;letter-spacing:-.3px;line-height:1.25;box-shadow:none;
}
html body[data-mode][data-screen=profile-clean] .profile-topup:hover{filter:brightness(1.25)}
html body[data-mode][data-screen=profile-clean] .profile-topup:active{transform:translateY(1px)}
html body[data-mode][data-screen=profile-clean] .profile-content>.profile-statistics{padding:0;background:transparent}
html body[data-mode][data-screen=profile-clean] .mvp-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
html body[data-mode][data-screen=profile-clean] .mvp-metrics>div{padding:12px 8px;border-radius:12px;background:#f7f7f7;text-align:center}
html body[data-mode][data-screen=profile-clean] .mvp-metrics dt{font-size:11px;font-weight:600;line-height:1.3;color:#929292}
html body[data-mode][data-screen=profile-clean] .mvp-metrics dd{margin-top:5px;color:#1e1e1e;font-size:14px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
html body[data-mode][data-screen=profile-clean] .mvp-metrics dd span{display:inline;color:inherit;font:inherit}
html body[data-mode][data-screen=profile-clean] .profile-menu{padding:4px 16px!important}
html body[data-mode][data-screen=profile-clean] .profile-menu-item{
  display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;
  padding:14px 0;border:0;border-bottom:1px solid #e7e7e7;border-radius:0;background:transparent;
  color:#1e1e1e;font-size:15px;font-weight:700;line-height:1.3;letter-spacing:0;
}
html body[data-mode][data-screen=profile-clean] .profile-menu-item:last-child{border-bottom:0}
html body[data-mode][data-screen=profile-clean] .profile-menu-item:hover{color:#46525e}
html body[data-mode][data-screen=profile-clean] .profile-menu-item .secondary-chevron{display:block;flex:none;width:7px;height:7px;margin:0 4px 0 0;border-top:1.5px solid #929292;border-right:1.5px solid #929292;transform:rotate(45deg);font-size:0}
html body[data-mode][data-screen=profile-clean] .profile-page :is(a,button):focus-visible{outline:2px solid #1aaeeb;outline-offset:3px}
html body[data-mode][data-screen=profile-clean] .profile-page .page-back{color:#929292;font-size:12px;font-weight:700;margin-bottom:12px}
html body[data-mode=mobile][data-screen=profile-clean] .profile-page{padding:18px 16px calc(var(--mobile-game-nav-height,55px) + 24px)}
html body[data-mode=mobile][data-screen=profile-clean] .profile-grid{grid-template-columns:minmax(0,1fr);gap:16px}
html body[data-mode=mobile][data-screen=profile-clean] .profile-identity{padding-block:8px 4px}
html body[data-mode=mobile][data-screen=profile-clean] .profile-settings{top:4px}
@media(max-width:360px){
 html body[data-mode][data-screen=profile-clean] .profile-balance-link{min-width:120px}
 html body[data-mode][data-screen=profile-clean] .profile-balance .muted{font-size:16px}
 html body[data-mode][data-screen=profile-clean] .profile-topup{padding-inline:12px!important;font-size:13px!important}
 html body[data-mode][data-screen=profile-clean] .mvp-metrics dd{font-size:12px}
}

/* One player identity style throughout the app. */
html[data-look] body[data-mode][data-screen] .mobile-player-header{--dx-font:Nunito,Arial,sans-serif}
html[data-look] body[data-mode][data-screen] .mobile-player-header .mobile-player-name{color:#1e1e1e;font-size:13px;font-weight:800;line-height:17px;letter-spacing:-.2px}
html[data-look] body[data-mode][data-screen] .mobile-player-header .mobile-player-balance{color:#929292;font-size:12px;font-weight:600;line-height:17px;letter-spacing:0}
html[data-look] body[data-mode][data-screen] .mobile-player-balance :is(span,small){color:inherit;font:inherit}
html[data-look] body[data-mode][data-screen=burning] .mobile-player-header .mobile-player-name{color:#f3f3f4}
html[data-look] body[data-mode][data-screen] .profile-summary{font-weight:800}
html[data-look] body[data-mode][data-screen] .profile-summary small{color:#929292;font-weight:600}
/* Profile already contains the identity and settings: omit the duplicate header. */
html body[data-mode][data-screen=profile-clean]{--header-height:0px}
html body[data-mode][data-screen=profile-clean]>.app-header{display:none}

/* Compact profile totals, matching the mobile game summary. */
html body[data-mode][data-screen=profile-clean] .profile-statistics .mvp-metrics dt{font-size:10px;line-height:14px}
html body[data-mode][data-screen=profile-clean] .profile-statistics .mvp-metrics dd{font-size:12px;line-height:16px;margin-top:3px}

/* Wallet management is part of the profile, with funding actions together. */
html body[data-mode][data-screen=profile-clean] .profile-wallet{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:10px;min-width:0}
html body[data-mode][data-screen=profile-clean] .profile-wallet[hidden],
html body[data-mode][data-screen=profile-clean] .profile-connect[hidden]{display:none}
html body[data-mode][data-screen=profile-clean] .profile-wallet-provider{color:#929292;font-size:12px;font-weight:600}
html body[data-mode][data-screen=profile-clean] .profile-wallet-address{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#46525e;font-size:12px;font-weight:700;line-height:18px}
html body[data-mode][data-screen=profile-clean] :is(.profile-disconnect,.profile-connect){min-height:32px;padding:6px 10px;color:#929292;font-size:12px;font-weight:700}
html body[data-mode][data-screen=profile-clean] .profile-connect{margin-top:8px}
html body[data-mode][data-screen=profile-clean] .profile-balance-actions{display:flex;gap:8px;flex-wrap:nowrap;margin-left:auto}
html body[data-mode][data-screen=profile-clean] .profile-balance-actions .profile-topup{margin:0}
html body[data-mode][data-screen=profile-clean] .profile-withdraw{display:flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px;border:0;border-radius:12px;background:#e8e8eb;color:#1e1e1e;font-size:15px;font-weight:700;line-height:1.25;letter-spacing:-.3px;box-shadow:none}
html body[data-mode][data-screen=profile-clean] .profile-withdraw:disabled{opacity:.4}
html body[data-mode=mobile][data-screen=profile-clean] .profile-balance-actions{width:100%;margin-left:0}
html body[data-mode=mobile][data-screen=profile-clean] .profile-balance-actions>button{flex:1}