/* Stable page routing, trainer color cosmetics, and profile privacy controls. */
.name-color-default{color:#f4f1ff!important;-webkit-text-fill-color:#f4f1ff!important}
.name-color-purple{color:#b9a4ff!important;-webkit-text-fill-color:#b9a4ff!important}
.name-color-pink{color:#f3a9d4!important;-webkit-text-fill-color:#f3a9d4!important}
.name-color-green{color:#7ae0b4!important;-webkit-text-fill-color:#7ae0b4!important}
.name-color-blue{color:#82c7ff!important;-webkit-text-fill-color:#82c7ff!important}
.name-color-gold{color:#f3d17e!important;-webkit-text-fill-color:#f3d17e!important}
.name-color-red{color:#fb8999!important;-webkit-text-fill-color:#fb8999!important}

.site-header .nav a.nav-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.route-legacy-home{display:none!important}
.page-play #home-view{display:none!important}

.color-option[data-color-choice="default"] span{color:#f4f1ff!important;-webkit-text-fill-color:#f4f1ff!important}
.color-option[data-color-choice="purple"] span{color:#b9a4ff!important;-webkit-text-fill-color:#b9a4ff!important}
.color-option[data-color-choice="pink"] span{color:#f3a9d4!important;-webkit-text-fill-color:#f3a9d4!important}
.color-option[data-color-choice="green"] span{color:#7ae0b4!important;-webkit-text-fill-color:#7ae0b4!important}
.color-option[data-color-choice="blue"] span{color:#82c7ff!important;-webkit-text-fill-color:#82c7ff!important}
.color-option[data-color-choice="gold"] span{color:#f3d17e!important;-webkit-text-fill-color:#f3d17e!important}
.color-option[data-color-choice="red"] span{color:#fb8999!important;-webkit-text-fill-color:#fb8999!important}
.color-option[data-color-choice="default"].selected{border-color:#f4f1ff99!important}
.color-option[data-color-choice="purple"].selected{border-color:#b9a4ff!important}
.color-option[data-color-choice="pink"].selected{border-color:#f3a9d4!important}
.color-option[data-color-choice="green"].selected{border-color:#7ae0b4!important}
.color-option[data-color-choice="blue"].selected{border-color:#82c7ff!important}
.color-option[data-color-choice="gold"].selected{border-color:#f3d17e!important}
.color-option[data-color-choice="red"].selected{border-color:#fb8999!important}

/* Personalization panel eyebrow. */
[data-account-panel-view="personalization"] .account-panel-heading>span{display:block!important}
[data-account-panel-view="personalization"] .account-panel-heading{margin-bottom:25px!important}
[data-account-panel-view="personalization"] .personalization-cosmetics-kicker{color:#9b8db9!important;font-size:9px!important;font-weight:850!important;letter-spacing:1.6px!important;margin-bottom:7px!important;text-transform:uppercase}

.profile-settings-card{display:grid;gap:16px}
.profile-setting-block{padding:18px;border:1px solid var(--line);border-radius:14px;background:#ffffff025}
.profile-setting-block h3{margin:0 0 6px;font-size:15px}
.profile-setting-block p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.profile-privacy-line{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:15px}
.privacy-choice{display:inline-flex;align-items:center;padding:3px;border:1px solid var(--line);border-radius:11px;background:#0f0f1b}
.privacy-choice button{border:0;background:transparent;color:var(--muted);border-radius:8px;padding:9px 15px;font:inherit;font-size:12px;font-weight:760;cursor:pointer;transition:.15s ease}
.privacy-choice button:hover{color:var(--ink)}
.privacy-choice button.active{background:#a78bfa18;color:#d8ccff;box-shadow:inset 0 0 0 1px #a78bfa35}
.profile-privacy-actions{display:flex;align-items:center;gap:11px;margin-left:auto}
.profile-settings-status{font-size:11px;color:#7ae0b4;min-height:16px}
#route-save-privacy{white-space:nowrap;padding-left:18px;padding-right:18px}
.profile-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;margin-bottom:10px}
.profile-password-grid .current{grid-column:1/-1}
.profile-password-grid input{border:1px solid var(--line);background:#11111e;color:var(--ink);border-radius:10px;padding:11px 12px;font:inherit;font-size:12px;outline:none}
.profile-password-grid input:focus{border-color:#a78bfa70;box-shadow:0 0 0 3px #a78bfa10}
.profile-settings-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}

@media(max-width:700px){
  .profile-privacy-line{align-items:stretch;flex-direction:column}
  .privacy-choice{width:100%}
  .privacy-choice button{flex:1}
  .profile-privacy-actions{width:100%;margin-left:0;justify-content:space-between}
  .profile-password-grid{grid-template-columns:1fr}
  .profile-password-grid .current{grid-column:auto}
  .profile-settings-actions{align-items:stretch;flex-direction:column}
  .profile-settings-actions .button{width:100%}
}