/* V7.31.1 — Profile-only visual experiment, modeled after the selected first concept.
   All rules are scoped to .route-profile. Other player routes and admin are untouched.
   The nocturnal art direction is intentionally isolated to this test page. */
.player-body:has(.mobile-app.route-profile){background:#080d1b}
.player-body .mobile-app.route-profile{
  --profile-bg:#090f20;
  --profile-panel:#141b30;
  --profile-border:rgba(164,145,222,.27);
  --profile-ink:#f6f3ff;
  --profile-muted:#c5bfd9;
  --profile-accent:#a56bfa;
  --profile-gold:#e9bd76;
  background:linear-gradient(180deg,#0b1124 0%,#090f1e 70%,#0b1020 100%)!important;
  color:var(--profile-ink);
  color-scheme:dark;
  min-height:100dvh;
}
.player-body .mobile-app.route-profile:before{
  background:linear-gradient(180deg,rgba(14,12,37,.3),transparent);
}
.player-body .mobile-app.route-profile:after{display:none!important}
.player-body .mobile-app.route-profile .ambient-particles{opacity:.075}
.player-body .mobile-app.route-profile .mobile-main{padding-bottom:calc(158px + var(--q-safe-bottom,env(safe-area-inset-bottom,0px)))}
.player-body .mobile-app.route-profile .profile-topbar-v731{
  display:flex;align-items:center;justify-content:space-between;
  min-height:67px;margin:0 0 9px;padding:4px 0 7px;gap:14px;
  border:none;background:none;
}
.player-body .mobile-app.route-profile .profile-topbar-v731 h1{
  margin:0;font-family:var(--display,Arial,sans-serif);
  color:var(--profile-ink);font-weight:750;letter-spacing:-.04em;
  font-size:clamp(27px,7.8vw,34px);line-height:1.15;
}
.player-body .mobile-app.route-profile .profile-top-settings-v731{
  display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:0;
  border:1px solid rgba(178,162,226,.19);border-radius:11px;
  background:rgba(28,31,62,.56);color:#e1d6f6;box-shadow:none;
}
.player-body .mobile-app.route-profile .profile-top-settings-v731 .icon{width:21px;height:21px}
.player-body .mobile-app.route-profile .profile-first-v731{
  display:flex;flex-direction:column;gap:12px;min-width:0;
  padding-bottom:10px;
}
.player-body .mobile-app.route-profile .profile-hero-v731{
  position:relative;isolation:isolate;display:flex;align-items:flex-end;
  min-width:0;min-height:217px;padding:19px 14px 22px;
  border:1px solid rgba(190,144,221,.29);border-radius:18px;
  overflow:hidden;background:#15152e;
  box-shadow:0 17px 37px rgba(0,0,0,.20);
}
.player-body .mobile-app.route-profile .profile-hero-world-v731{
  position:absolute;z-index:-2;inset:0;
  background-image:url('../assets/themes/citadel-night.webp');
  background-size:cover;background-position:57% 40%;
  filter:saturate(.9) brightness(.81);
}
.player-body .mobile-app.route-profile .profile-hero-v731::before{
  content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(9,11,30,.03) 0%,rgba(11,13,32,.24) 35%,rgba(10,15,33,.82) 72%,rgba(11,15,32,.98) 100%);
}
.player-body .mobile-app.route-profile .profile-hero-v731::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at 74% 16%,rgba(236,141,79,.14),transparent 46%);
}
.player-body .mobile-app.route-profile .profile-identity-v731{
  position:relative;z-index:1;display:grid;
  grid-template-columns:88px minmax(0,1fr) auto;align-items:end;gap:12px;
  width:100%;min-width:0;
}
.player-body .mobile-app.route-profile .profile-portrait-v731{
  display:grid;place-items:center;width:88px;height:88px;border-radius:50%;
  background:radial-gradient(circle at 50% 25%,#553079,#171329);
  box-shadow:0 0 0 3px rgba(225,177,100,.85),0 0 0 6px rgba(24,14,37,.8),0 8px 24px rgba(0,0,0,.4);
}
.player-body .mobile-app.route-profile .profile-portrait-v731 .avatar-photo{
  display:grid;place-items:center;position:relative;
  width:88px!important;height:88px!important;min-width:88px;
  margin:0!important;padding:0!important;
  overflow:hidden;border-radius:50%!important;border:0!important;
  background:#3c255d!important;box-shadow:none!important;
  clip-path:none!important;
}
.player-body .mobile-app.route-profile .profile-portrait-v731 .avatar-photo img{
  width:100%;height:100%;object-fit:cover;border-radius:inherit;
}
.player-body .mobile-app.route-profile .profile-portrait-v731 .avatar-fallback span{
  font-size:28px;font-weight:750;color:#f5d5fa;
}
.player-body .mobile-app.route-profile .profile-name-v731{min-width:0;padding:0 0 1px}
.player-body .mobile-app.route-profile .profile-name-v731 h2{
  margin:0 0 3px;color:#fff;
  font-size:clamp(21px,6.1vw,27px);line-height:1.1;
  font-weight:780;letter-spacing:-.04em;overflow-wrap:anywhere;
}
.player-body .mobile-app.route-profile .profile-name-v731 strong{
  display:block;color:#c48fff;font-size:13px;font-weight:690;line-height:1.32;
  overflow-wrap:anywhere;
}
.player-body .mobile-app.route-profile .profile-name-v731 p{
  margin:5px 0 0;color:#d4cde2;font-size:11px;line-height:1.3;overflow-wrap:anywhere;
}
.player-body .mobile-app.route-profile .profile-edit-v731{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:71px;min-height:39px;padding:8px 10px;margin:0 0 4px;
  border:1px solid rgba(180,131,249,.71);border-radius:11px;
  color:#f7ecff;background:rgba(25,24,54,.76);
  backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
  font-size:11px;font-weight:670;line-height:1.2;white-space:nowrap;
}
.player-body .mobile-app.route-profile .profile-edit-v731:hover{background:rgba(106,54,172,.54)}
.player-body .mobile-app.route-profile .profile-menu-v731{display:flex;flex-direction:column;gap:9px;min-width:0}
.player-body .mobile-app.route-profile .profile-menu-item-v731{
  display:grid;grid-template-columns:36px minmax(0,1fr) 19px;
  align-items:center;gap:12px;width:100%;min-width:0;min-height:67px;
  padding:12px 15px;border:1px solid var(--profile-border);
  border-radius:13px;background:linear-gradient(115deg,#192139,#11192c);
  box-shadow:inset 0 1px 0 rgba(238,221,255,.045);
  color:var(--profile-ink);font-size:14px;text-decoration:none;
  text-align:left;line-height:1.25;
}
.player-body .mobile-app.route-profile button.profile-menu-item-v731{cursor:pointer}
.player-body .mobile-app.route-profile button.profile-menu-item-v731:active{background:#242746}
.player-body .mobile-app.route-profile .profile-menu-icon-v731{
  display:grid;place-items:center;width:36px;height:36px;
  color:#b68bfd;
}
.player-body .mobile-app.route-profile .profile-menu-icon-v731 .icon{
  display:block;width:22px;height:22px;stroke-width:1.9;
}
.player-body .mobile-app.route-profile .profile-menu-copy-v731{
  display:block;min-width:0;color:var(--profile-ink);
}
.player-body .mobile-app.route-profile .profile-menu-copy-v731 strong{
  display:block;color:var(--profile-ink);font-size:clamp(12px,3.8vw,15px);
  font-weight:610;line-height:1.3;letter-spacing:-.01em;
}
.player-body .mobile-app.route-profile .profile-menu-copy-v731 small{
  display:block;margin-top:3px;font-size:10px;line-height:1.3;color:var(--profile-muted);
}
.player-body .mobile-app.route-profile .profile-menu-item-v731>.icon{
  width:18px;height:18px;color:#ada1c7;justify-self:end;
}
.player-body .mobile-app.route-profile .profile-appearance-v731{
  grid-template-columns:36px minmax(0,1fr) minmax(148px,auto);
  min-height:73px;
}
.player-body .mobile-app.route-profile .profile-appearance-v731 .appearance-control{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;
  width:168px;max-width:100%;min-width:0;
  margin:0;padding:3px;
  background:#0e152a!important;border:1px solid rgba(154,136,193,.33)!important;
  border-radius:10px;box-shadow:none;
}
.player-body .mobile-app.route-profile .profile-appearance-v731 .appearance-control button{
  display:grid;place-items:center;min-width:0;min-height:35px;height:35px;
  margin:0;padding:4px 2px;border:0;border-radius:7px;
  color:#bdb2d7;background:transparent;box-shadow:none;
  font-size:9px;font-weight:670;line-height:1.15;white-space:nowrap;
}
.player-body .mobile-app.route-profile .profile-appearance-v731 .appearance-control button[aria-pressed="true"]{
  background:linear-gradient(135deg,#9657e9,#512eb1);
  color:#fff;box-shadow:0 1px 6px rgba(133,69,223,.32);
}
.player-body .mobile-app.route-profile .profile-disclosure-v731{
  display:block;min-width:0;border-radius:13px;
}
.player-body .mobile-app.route-profile .profile-disclosure-v731 summary{
  cursor:pointer;list-style:none;user-select:none;-webkit-user-select:none;
}
.player-body .mobile-app.route-profile .profile-disclosure-v731 summary::-webkit-details-marker{display:none}
.player-body .mobile-app.route-profile .profile-disclosure-v731[open] summary{
  border-radius:13px 13px 0 0;border-bottom-color:rgba(180,142,230,.12);
}
.player-body .mobile-app.route-profile .profile-disclosure-v731[open] summary>.icon{transform:rotate(90deg)}
.player-body .mobile-app.route-profile .profile-detail-v731,
.player-body .mobile-app.route-profile .profile-help-v731{
  padding:7px 11px 12px;border:1px solid var(--profile-border);
  border-top:0;border-radius:0 0 13px 13px;
  background:#10182b;
}
.player-body .mobile-app.route-profile .profile-detail-v731 .setting-row{
  display:grid;grid-template-columns:34px minmax(0,1fr) auto;
  min-width:0;min-height:70px;gap:10px;margin:0;padding:12px 5px;
  color:var(--profile-ink);border-top:1px solid rgba(157,143,193,.15);
}
.player-body .mobile-app.route-profile .profile-detail-v731 .setting-row:first-child{border-top:0}
.player-body .mobile-app.route-profile .setting-row>span,
.player-body .mobile-app.route-profile .profile-detail-v731 .profile-action-row>span{
  display:grid;place-items:center;width:33px;height:33px;border-radius:9px;
  color:#bd9aff;border:1px solid rgba(174,135,237,.18);
  background:rgba(106,62,179,.13);
}
.player-body .mobile-app.route-profile .setting-row>div,
.player-body .mobile-app.route-profile .profile-action-row>div{min-width:0}
.player-body .mobile-app.route-profile .setting-row strong,
.player-body .mobile-app.route-profile .profile-action-row strong{
  color:#f3effb;font-size:12px;font-weight:650;
}
.player-body .mobile-app.route-profile .setting-row small,
.player-body .mobile-app.route-profile .profile-action-row small{
  display:block;margin-top:4px;color:var(--profile-muted);
  font-size:10px;line-height:1.4;
}
.player-body .mobile-app.route-profile .setting-row .setting-platform-badge{
  margin-left:5px;color:#bc9af0;
}
.player-body .mobile-app.route-profile .setting-switch{
  flex:0 0 auto;width:43px;height:25px;
}
.player-body .mobile-app.route-profile .setting-switch:before{width:19px;height:19px;top:2px;left:2px}
.player-body .mobile-app.route-profile .setting-switch:checked:before{left:20px}
.player-body .mobile-app.route-profile .profile-detail-v731 .profile-action-row{
  display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;
  min-width:0;min-height:65px;gap:10px;padding:10px 5px;
  border-top:1px solid rgba(157,143,193,.15);
  color:var(--profile-ink);background:transparent;text-decoration:none;
}
.player-body .mobile-app.route-profile .profile-detail-v731 .profile-action-row:first-child{border-top:0}
.player-body .mobile-app.route-profile .profile-detail-v731 .profile-action-row em{
  color:#97e3bd;font-size:11px;font-style:normal;
}
.player-body .mobile-app.route-profile .profile-detail-v731 .profile-action-row i{
  display:grid;place-items:center;min-width:30px;min-height:38px;
  color:#beb1d6;
}
.player-body .mobile-app.route-profile .profile-help-v731{padding:15px 18px}
.player-body .mobile-app.route-profile .profile-help-v731 p{
  margin:0 0 9px;font-size:12px;line-height:1.6;color:var(--profile-muted);
}
.player-body .mobile-app.route-profile .profile-help-v731 p:last-child{margin-bottom:0}
.player-body .mobile-app.route-profile .profile-logout-v731{
  display:grid;grid-template-columns:32px minmax(0,1fr) 20px;
  align-items:center;gap:15px;min-width:0;min-height:66px;
  margin-top:3px;padding:13px 20px;border:1px solid rgba(239,93,119,.4);
  border-radius:13px;background:linear-gradient(115deg,#2d1425,#241322);
  color:#ff5a78;font-size:15px;font-weight:670;text-align:left;
}
.player-body .mobile-app.route-profile .profile-logout-v731 .icon{
  width:24px;height:24px;stroke-width:2;display:block;
}
.player-body .mobile-app.route-profile .profile-logout-v731 .icon:last-child{width:18px;height:18px;justify-self:end}
.player-body .mobile-app.route-profile .profile-reset{
  color:#c4b4d7;background:#171c2f;border-color:var(--profile-border);
}
/* Navigation skin is intentionally scoped to the Profile view only. */
.player-body .mobile-app.route-profile .bottom-nav{
  background:linear-gradient(180deg,#0b1020,#060b16)!important;
  border-top:1px solid rgba(170,142,220,.32)!important;
  box-shadow:0 -8px 25px rgba(3,5,15,.5)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.player-body .mobile-app.route-profile .nav-btn{color:#aaa2bd}
.player-body .mobile-app.route-profile .nav-btn.active{color:#c27bff}
.player-body .mobile-app.route-profile .nav-btn.active .icon{color:#be76ff}
.player-body .mobile-app.route-profile .action-orb-v720{
  border-color:#a76aed;
  color:#fff;background:linear-gradient(150deg,#aa5cff,#682bc9);
  box-shadow:0 0 0 5px #090e1d,0 0 0 6px rgba(175,116,255,.35),0 8px 24px rgba(107,44,207,.38);
}
.player-body .mobile-app.route-profile :is(button,summary,input,a):focus-visible{
  outline:2px solid #dbb2ff;outline-offset:3px;
}
@media(max-width:380px){
 .player-body .mobile-app.route-profile .profile-identity-v731{grid-template-columns:76px minmax(0,1fr) auto;gap:10px}
 .player-body .mobile-app.route-profile .profile-portrait-v731{width:76px;height:76px}
 .player-body .mobile-app.route-profile .profile-portrait-v731 .avatar-photo{width:76px!important;height:76px!important;min-width:76px}
 .player-body .mobile-app.route-profile .profile-edit-v731{min-width:60px;padding:7px;font-size:10px}
 .player-body .mobile-app.route-profile .profile-menu-item-v731{padding-inline:11px;gap:9px}
 .player-body .mobile-app.route-profile .profile-appearance-v731{grid-template-columns:32px minmax(0,1fr) minmax(135px,auto)}
 .player-body .mobile-app.route-profile .profile-appearance-v731 .appearance-control{width:150px}
}
@media(max-width:340px){
 .player-body .mobile-app.route-profile .profile-name-v731 h2{font-size:19px}
 .player-body .mobile-app.route-profile .profile-name-v731 strong{font-size:11px}
 .player-body .mobile-app.route-profile .profile-name-v731 p{font-size:10px}
 .player-body .mobile-app.route-profile .profile-appearance-v731{grid-template-columns:29px minmax(0,1fr) minmax(123px,auto)}
 .player-body .mobile-app.route-profile .profile-appearance-v731 .appearance-control{width:131px}
 .player-body .mobile-app.route-profile .profile-menu-copy-v731 strong{font-size:12px}
 .player-body .mobile-app.route-profile .profile-appearance-v731 .appearance-control button{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
 .player-body .mobile-app.route-profile *{scroll-behavior:auto!important}
}


/* V7.31.2 — TRUE LIGHT PROFILE THEME
 * Light and System(light) inherit html[data-theme="light"] from appearance.js.
 * This section intentionally applies only to the new Profile experiment.
 * Dark appearance keeps the original V7.31.1 concept unchanged.
 */
html[data-theme="light"] .player-body:has(.mobile-app.route-profile){
  background:#f7f2e9;
}
html[data-theme="light"] .player-body .mobile-app.route-profile{
  --profile-bg:#f7f2e9;
  --profile-panel:#fffaf3;
  --profile-border:rgba(127,96,158,.22);
  --profile-ink:#24223b;
  --profile-muted:#675f76;
  --profile-accent:#7134b4;
  --profile-gold:#986623;
  background:linear-gradient(180deg,#f7f2e9 0%,#f3eddf 100%)!important;
  color:var(--profile-ink);
  color-scheme:light;
}
html[data-theme="light"] .player-body .mobile-app.route-profile:before{
  background:linear-gradient(180deg,rgba(255,250,240,.08),transparent);
}
html[data-theme="light"] .player-body .mobile-app.route-profile .ambient-particles{opacity:.025}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-topbar-v731 h1{
  color:var(--profile-ink);
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-top-settings-v731{
  color:#604477;
  background:rgba(255,250,243,.9);
  border-color:var(--profile-border);
  box-shadow:0 2px 10px rgba(74,42,106,.06);
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-hero-v731{
  background:#f0e4d2;
  border-color:rgba(151,111,68,.31);
  box-shadow:0 10px 28px rgba(103,74,58,.1);
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-hero-world-v731{
  background-image:url('../assets/themes/citadel-day.webp');
  background-position:57% 41%;
  filter:saturate(.92) brightness(1.06);
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-hero-v731::before{
  background:linear-gradient(180deg,
    rgba(250,241,221,.04) 0%,
    rgba(249,241,229,.18) 34%,
    rgba(255,250,239,.87) 69%,
    rgba(255,250,243,.98) 100%);
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-hero-v731::after{
  background:radial-gradient(ellipse at 78% 16%,rgba(255,206,130,.21),transparent 48%);
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-portrait-v731{
  background:radial-gradient(circle at 48% 24%,#ffecc6,#c69ba6);
  box-shadow:0 0 0 3px rgba(174,117,39,.75),0 0 0 6px rgba(255,251,242,.9),0 7px 19px rgba(77,54,44,.19);
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-portrait-v731 .avatar-photo{
  background:#e9d2bb!important;
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-portrait-v731 .avatar-fallback span{
  color:#603c68;
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-name-v731 h2{
  color:#211b33;
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-name-v731 strong{
  color:#7134b4;
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-name-v731 p{
  color:#51475d;
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-edit-v731{
  color:#5c347d;
  background:rgba(255,250,243,.94);
  border-color:rgba(121,73,155,.51);
  box-shadow:0 3px 10px rgba(76,38,103,.08);
}
@media(hover:hover){
  html[data-theme="light"] .player-body .mobile-app.route-profile .profile-edit-v731:hover{
    background:#f1e4fa;
  }
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-menu-item-v731{
  color:var(--profile-ink);
  background:linear-gradient(120deg,#fffdf8,#f8f0e7);
  border-color:var(--profile-border);
  box-shadow:0 3px 13px rgba(91,62,97,.05),inset 0 1px 0 rgba(255,255,255,.9);
}
html[data-theme="light"] .player-body .mobile-app.route-profile button.profile-menu-item-v731:active{
  background:#ede1f3;
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-menu-icon-v731{
  color:#7847b4;
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-menu-copy-v731,
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-menu-copy-v731 strong{
  color:var(--profile-ink);
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-menu-copy-v731 small{
  color:var(--profile-muted);
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-menu-item-v731>.icon{
  color:#8b75a2;
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-appearance-v731 .appearance-control{
  background:#f1e8df!important;
  border-color:rgba(131,93,163,.32)!important;
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-appearance-v731 .appearance-control button{
  color:#574961;
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-appearance-v731 .appearance-control button[aria-pressed="true"]{
  color:#fff;
  background:linear-gradient(135deg,#944ddc,#6831b0);
  box-shadow:0 1px 5px rgba(111,47,172,.22);
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-disclosure-v731[open] summary{
  border-bottom-color:rgba(127,96,158,.16);
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-detail-v731,
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-help-v731{
  background:#fffaf3;
  border-color:var(--profile-border);
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-detail-v731 .setting-row,
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-detail-v731 .profile-action-row{
  color:var(--profile-ink);
  border-top-color:rgba(127,96,158,.17);
}
html[data-theme="light"] .player-body .mobile-app.route-profile .setting-row>span,
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-detail-v731 .profile-action-row>span{
  color:#7134b4;
  background:#f2e6f7;
  border-color:rgba(124,78,166,.17);
}
html[data-theme="light"] .player-body .mobile-app.route-profile .setting-row strong,
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-action-row strong{
  color:var(--profile-ink);
}
html[data-theme="light"] .player-body .mobile-app.route-profile .setting-row small,
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-action-row small{
  color:var(--profile-muted);
}
html[data-theme="light"] .player-body .mobile-app.route-profile .setting-row .setting-platform-badge{
  color:#7445a1;
}
html[data-theme="light"] .player-body .mobile-app.route-profile .setting-switch{
  background:#e6dfeb;border-color:#bbabd1;
}
html[data-theme="light"] .player-body .mobile-app.route-profile .setting-switch:before{
  background:#8d7b9f;
}
html[data-theme="light"] .player-body .mobile-app.route-profile .setting-switch:checked{
  background:#7443bc;border-color:#9d70d9;
}
html[data-theme="light"] .player-body .mobile-app.route-profile .setting-switch:checked:before{
  background:#fff;
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-detail-v731 .profile-action-row em{
  color:#256c48;
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-detail-v731 .profile-action-row i{
  color:#7b658d;
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-help-v731 p{
  color:var(--profile-muted);
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-logout-v731{
  color:#af314d;
  background:linear-gradient(115deg,#fff3f2,#fbe8ea);
  border-color:rgba(197,69,98,.3);
}
html[data-theme="light"] .player-body .mobile-app.route-profile .profile-reset{
  color:#685873;
  background:#fffaf3;
  border-color:var(--profile-border);
}
html[data-theme="light"] .player-body .mobile-app.route-profile .bottom-nav{
  background:linear-gradient(180deg,#fffcf6,#f6ebdb)!important;
  border-top-color:rgba(148,107,176,.25)!important;
  box-shadow:0 -6px 20px rgba(84,57,99,.11)!important;
}
html[data-theme="light"] .player-body .mobile-app.route-profile .nav-btn{
  color:#72627f;
}
html[data-theme="light"] .player-body .mobile-app.route-profile .nav-btn.active,
html[data-theme="light"] .player-body .mobile-app.route-profile .nav-btn.active .icon{
  color:#7134b4;
}
html[data-theme="light"] .player-body .mobile-app.route-profile .action-orb-v720{
  color:#fff;
  background:linear-gradient(150deg,#a45bea,#7137bb);
  border-color:#af72ef;
  box-shadow:0 0 0 5px #f6ebdb,0 0 0 6px rgba(160,97,211,.28),0 7px 19px rgba(118,53,175,.21);
}
html[data-theme="light"] .player-body .mobile-app.route-profile :is(button,summary,input,a):focus-visible{
  outline-color:#7134b4;
}