.member-home-page{
  min-height:100vh;
}

.member-profile-main{
  width:min(calc(100% - 34px),980px);
  margin:0 auto;
  padding:42px 0 70px;
  transition:margin .22s ease,width .22s ease;
}

.member-profile-shell{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--surface);
  box-shadow:var(--shadow);
}

.member-profile-header{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:20px;
  align-items:center;
  padding:32px 34px;
  border-bottom:1px solid var(--line-soft);
  background:
    radial-gradient(circle at 90% 0%,rgba(216,173,101,.10),transparent 26rem),
    var(--surface);
}

.member-profile-avatar-column{
  display:grid;
  justify-items:center;
  gap:7px;
}

.member-profile-avatar{
  width:86px;
  height:86px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(216,173,101,.42);
  border-radius:50%;
  background:color-mix(in srgb,var(--surface-2) 84%,var(--gold) 16%);
  color:var(--gold-bright);
  font-family:Georgia,"Times New Roman",serif;
  font-size:36px;
  line-height:1;
  text-transform:uppercase;
}

.member-profile-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.member-avatar-change{
  padding:3px 5px;
  border:0;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
  font-size:10px;
  font-weight:750;
}

.member-avatar-change:hover{
  color:var(--gold-bright);
}

.member-profile-heading{
  min-width:0;
}

.member-profile-heading h1{
  margin:5px 0 5px;
  overflow-wrap:anywhere;
  color:var(--gold-bright);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(28px,3.5vw,40px);
  line-height:1;
}

.member-profile-since,
.member-profile-sidebar-since{
  margin:0;
  color:var(--muted);
  font-size:12px;
}

.member-profile-sidebar-since{
  display:block;
  margin-top:3px;
  font-size:10px;
}

.member-profile-header-actions{
  display:flex;
  gap:9px;
  align-items:center;
  justify-content:flex-end;
}

.member-profile-edit-button{
  min-height:42px;
  padding:10px 16px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface-2);
  color:var(--text);
  cursor:pointer;
  font-weight:750;
}

.member-profile-edit-button:hover{
  border-color:var(--gold);
}

.member-profile-sections{
  display:grid;
  grid-template-columns:1.25fr 1fr 1fr;
}

.member-profile-section{
  min-width:0;
  padding:27px 28px 30px;
}

.member-profile-section + .member-profile-section{
  border-left:1px solid var(--line-soft);
}

.member-profile-label{
  display:block;
  color:var(--muted);
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.member-profile-copy{
  margin:12px 0 0;
  font-size:14px;
  line-height:1.65;
  white-space:pre-wrap;
}

.member-profile-copy.is-empty,
.member-profile-empty{
  color:var(--muted);
  font-size:12px;
}

.member-profile-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:12px;
}

.member-profile-tag{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 10px;
  border:1px solid var(--line-soft);
  border-radius:999px;
  background:color-mix(in srgb,var(--surface-2) 78%,transparent);
  font-size:11px;
  font-weight:700;
}

.member-profile-editor{
  padding:30px 34px 34px;
  border-top:1px solid var(--line-soft);
}

.member-profile-editor form{
  display:grid;
  gap:22px;
}

.member-profile-field{
  min-width:0;
}

.member-profile-field > label,
.member-profile-field legend{
  display:block;
  margin-bottom:7px;
  color:var(--text);
  font-size:12px;
  font-weight:800;
}

.member-profile-field input[type="number"],
.member-profile-field input[type="text"],
.member-profile-field textarea{
  width:100%;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface-2);
  color:var(--text);
  font:inherit;
  outline:none;
}

.member-profile-field input[type="number"],
.member-profile-field input[type="text"]{
  min-height:44px;
  padding:10px 12px;
}

.member-profile-field textarea{
  min-height:96px;
  padding:12px;
  resize:vertical;
  line-height:1.55;
}

.member-profile-field input[type="number"]:focus,
.member-profile-field input[type="text"]:focus,
.member-profile-field textarea:focus{
  border-color:var(--gold);
}

.member-profile-field small{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:10px;
  line-height:1.4;
}

.member-profile-field-heading{
  display:flex;
  justify-content:space-between;
  gap:15px;
  align-items:center;
  margin-bottom:7px;
}

.member-profile-field-heading label{
  font-size:12px;
  font-weight:800;
}

.member-profile-field-heading span{
  color:var(--muted);
  font-size:10px;
}

.member-profile-categories{
  margin:0;
  padding:0;
  border:0;
}

.member-category-options{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}

.member-category-options label{
  display:flex;
  gap:7px;
  align-items:center;
  min-height:34px;
  padding:7px 10px;
  border:1px solid var(--line-soft);
  border-radius:999px;
  background:color-mix(in srgb,var(--surface-2) 78%,transparent);
  cursor:pointer;
  font-size:11px;
  font-weight:700;
}

.member-profile-status{
  min-height:18px;
  margin:0;
  color:var(--muted);
  font-size:11px;
}

.member-profile-status.is-error{
  color:#d97070;
}

.member-profile-status.is-success{
  color:var(--gold-bright);
}

.member-profile-form-actions,
.avatar-crop-actions{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
}

.member-profile-save,
.member-profile-cancel,
.avatar-remove-button{
  min-height:43px;
  padding:10px 17px;
  border:1px solid var(--line);
  border-radius:10px;
  cursor:pointer;
  font-weight:800;
}

.member-profile-save{
  border-color:var(--gold);
  background:var(--gold);
  color:#18130c;
}

.member-profile-cancel{
  background:var(--surface-2);
  color:var(--text);
}

.avatar-remove-button{
  margin-left:auto;
  background:transparent;
  color:var(--muted);
}

.member-account-strip{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
  padding:24px 28px;
  border-top:1px solid var(--line-soft);
  background:color-mix(in srgb,var(--surface-2) 50%,transparent);
  scroll-margin-top:90px;
}

.member-account-strip p{
  margin:5px 0 0;
  color:var(--muted);
  font-size:11px;
}

.member-account-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.member-account-actions button,
.member-home-signed-out button,
.member-home-signed-out a{
  min-height:40px;
  padding:9px 13px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
  color:var(--text);
  cursor:pointer;
  font-weight:750;
  text-align:center;
}

.member-account-actions button:hover,
.member-home-signed-out button:hover,
.member-home-signed-out a:hover{
  border-color:var(--gold);
}

.member-profile-sidebar-nav{
  display:grid;
  gap:7px;
  margin-top:18px;
}

.member-profile-sidebar-nav a{
  display:block;
  padding:11px 12px;
  border:1px solid transparent;
  border-radius:10px;
  color:var(--text);
  font-size:12px;
  font-weight:750;
  text-decoration:none;
}

.member-profile-sidebar-nav a:hover,
.member-profile-sidebar-nav a.is-active{
  border-color:var(--line-soft);
  background:var(--surface-2);
}

.avatar-crop-dialog{
  width:min(92vw,560px);
  padding:0;
  border:1px solid var(--line);
  border-radius:20px;
  background:var(--surface);
  color:var(--text);
  box-shadow:0 24px 80px rgba(0,0,0,.45);
}

.avatar-crop-dialog::backdrop{
  background:rgba(0,0,0,.66);
  backdrop-filter:blur(3px);
}

.avatar-crop-panel{
  padding:24px;
}

.avatar-crop-heading{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
}

.avatar-crop-heading h2{
  margin:4px 0 0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:26px;
}

.avatar-crop-heading button{
  width:36px;
  height:36px;
  border:1px solid var(--line);
  border-radius:50%;
  background:var(--surface-2);
  color:var(--text);
  cursor:pointer;
  font-size:24px;
  line-height:1;
}

.avatar-crop-stage{
  width:min(100%,380px);
  aspect-ratio:1;
  margin:22px auto 18px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:50%;
  background:#111;
  touch-action:none;
}

.avatar-crop-stage canvas{
  display:block;
  width:100%;
  height:100%;
  cursor:grab;
  touch-action:none;
}

.avatar-crop-stage canvas:active{
  cursor:grabbing;
}

.avatar-zoom-control{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:center;
  font-size:11px;
  font-weight:750;
}

.avatar-zoom-control input{
  width:100%;
}

.avatar-crop-help{
  margin:8px 0 0;
  color:var(--muted);
  font-size:10px;
  text-align:center;
}

.member-home-signed-out{
  max-width:620px;
  margin:70px auto;
  padding:30px;
  border:1px solid var(--line);
  border-radius:20px;
  background:var(--surface);
  text-align:center;
}

.member-home-signed-out h1{
  font-family:Georgia,"Times New Roman",serif;
}

.member-home-signed-out p{
  color:var(--muted);
}

.member-home-signed-out button,
.member-home-signed-out a{
  display:block;
  width:100%;
  margin-top:9px;
}

@media(min-width:981px){
  body.member-home-page.member-sidebar-open .member-profile-main{
    width:min(calc(100% - var(--member-sidebar-width) - 50px),980px);
    margin-left:calc(var(--member-sidebar-width) + 25px);
    margin-right:25px;
  }
}

@media(max-width:760px){
  .member-profile-main{
    width:min(calc(100% - 20px),980px);
    padding-top:20px;
  }

  .member-profile-header{
    grid-template-columns:auto 1fr;
    padding:24px 22px;
  }

  .member-profile-avatar{
    width:66px;
    height:66px;
    font-size:28px;
  }

  .member-profile-heading h1{
    font-size:clamp(18px,5.2vw,26px);
    line-height:1.02;
  }

  .member-profile-header-actions{
    grid-column:1/-1;
    width:100%;
    display:grid;
    gap:9px;
  }

  .member-profile-edit-button{
    width:100%;
  }

  .member-profile-sections{
    grid-template-columns:1fr;
  }

  .member-profile-section{
    padding:23px 22px;
  }

  .member-profile-section + .member-profile-section{
    border-left:0;
    border-top:1px solid var(--line-soft);
  }

  .member-profile-editor{
    padding:24px 22px 28px;
  }

  .member-account-strip{
    align-items:stretch;
    flex-direction:column;
    padding:22px;
  }

  .member-account-actions{
    display:grid;
    justify-content:stretch;
  }

  .member-home-header .main-nav{
    display:none;
  }

  .avatar-remove-button{
    width:100%;
    margin-left:0;
  }
}


.member-username-edit-link{
  display:inline-block;
  margin-top:7px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
  font-size:10px;
  font-weight:750;
}

.member-username-edit-link:hover{
  color:var(--gold-bright);
}

.member-brand-composer{
  min-height:48px;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  align-items:center;
  padding:7px 9px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface-2);
}

.member-brand-composer:focus-within{
  border-color:var(--gold);
}

.member-brand-tags{
  display:contents;
}

.member-brand-tag{
  display:inline-flex;
  gap:6px;
  align-items:center;
  min-height:30px;
  padding:5px 7px 5px 10px;
  border:1px solid var(--line-soft);
  border-radius:999px;
  background:var(--surface);
  font-size:11px;
  font-weight:700;
}

.member-brand-tag button{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
  font-size:16px;
  line-height:1;
}

.member-brand-tag button:hover{
  color:var(--text);
  background:var(--surface-2);
}

.member-brand-composer input{
  flex:1 1 190px;
  min-width:150px;
  min-height:32px !important;
  padding:4px 5px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.member-brand-composer input:focus{
  outline:none;
}

.member-brand-composer input:disabled{
  opacity:.65;
  cursor:not-allowed;
}

.member-username-dialog{
  width:min(92vw,500px);
  padding:0;
  border:1px solid var(--line);
  border-radius:20px;
  background:var(--surface);
  color:var(--text);
  box-shadow:0 24px 80px rgba(0,0,0,.45);
}

.member-username-dialog::backdrop{
  background:rgba(0,0,0,.66);
  backdrop-filter:blur(3px);
}

.member-username-panel{
  padding:24px;
}

.member-username-rule{
  margin:18px 0;
  padding:12px 13px;
  border:1px solid var(--line-soft);
  border-radius:10px;
  background:var(--surface-2);
  color:var(--text);
  font-size:12px;
  line-height:1.5;
}

.member-username-field{
  display:grid;
  gap:7px;
}

.member-username-field span{
  font-size:12px;
  font-weight:800;
}

.member-username-field input{
  min-height:44px;
  width:100%;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface-2);
  color:var(--text);
  font:inherit;
}

.member-username-field input:focus{
  border-color:var(--gold);
  outline:none;
}

.member-username-field input:disabled{
  opacity:.65;
}

.member-username-availability{
  margin:9px 0 0;
  color:var(--muted);
  font-size:10px;
  line-height:1.45;
}

.member-username-panel .member-profile-form-actions{
  margin-top:18px;
}

/* Public member profile */
.public-profile-rank-button{
  display:inline-block;
  margin-top:10px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--gold-bright);
  cursor:pointer;
  font-size:11px;
  font-weight:800;
}

.public-profile-rank-button:hover{
  text-decoration:underline;
}

.public-profile-owner-edit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}

.public-profile-owner-edit[hidden]{
  display:none;
}

.public-profile-wins{
  padding:28px 34px 34px;
  border-top:1px solid var(--line-soft);
}

.public-profile-wins-heading h2{
  margin:7px 0 0;
  color:var(--gold-bright);
  font-family:Georgia,"Times New Roman",serif;
  font-size:24px;
  font-weight:500;
}

.public-profile-wins-list{
  display:grid;
  gap:0;
  margin-top:18px;
}

.public-profile-win-item{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:11px 0;
  border-top:1px solid var(--line-soft);
}

.public-profile-win-item:first-child{
  border-top:0;
}

.public-profile-win-icon{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  color:var(--gold-bright);
}

.public-profile-win-icon svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.public-profile-win-copy{
  min-width:0;
  display:grid;
  gap:3px;
}

.public-profile-win-copy strong{
  color:var(--gold-bright);
  font-family:Georgia,"Times New Roman",serif;
  font-size:15px;
  font-weight:500;
}

.public-profile-win-copy small{
  color:var(--muted);
  font-size:10px;
}

.public-profile-loading{
  max-width:620px;
  margin:70px auto;
  padding:30px;
  text-align:center;
  color:var(--muted);
}

@media(max-width:700px){
  .public-profile-wins{
    padding:23px 22px 28px;
  }
}


/* Optional Instagram profile link */
.member-profile-instagram{
  width:max-content;
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:6px;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
  line-height:1.2;
  text-decoration:none;
}

.member-profile-instagram::before{
  content:"";
  width:15px;
  height:15px;
  flex:0 0 15px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='5' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.2' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='5' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.2' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
}

.member-profile-instagram:hover{
  color:var(--gold-bright);
}

.member-profile-text-input{
  width:100%;
  min-height:44px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface-2);
  color:var(--text);
  font:inherit;
}

.member-profile-text-input:focus{
  border-color:var(--gold);
  outline:none;
}


.member-profile-public-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}


/* Private submitted sweepstakes history */
.submitted-scout-summary {
  margin: 12px 0 16px;
  color: var(--gold-bright);
  font-weight: 750;
  font-size: 14px;
}

.submitted-sweep-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 13px 3px;
  border-bottom: 1px solid var(--line-soft);
}

.submitted-sweep-url {
  color: var(--gold-bright);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.submitted-sweep-meta {
  color: var(--muted);
  font-size: 12px;
}

/* Published-only Scout history rows */
.submitted-sweep-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  gap: 12px;
}

.submitted-sweep-meta {
  flex: 0 0 auto;
  white-space: nowrap;
}

.submitted-sweep-url {
  display: block;
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
  color: var(--text);
}

/* Submitted Sweeps action button */
.submitted-sweep-action {
  display: flex;
  justify-content: flex-start;
}

.submitted-sweep-action-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 11px 17px 9px;
  border: 1px solid var(--gold);
  border-radius: 9px;
  background: var(--gold);
  color: #18232b;
  font-size: 14px;
  font-weight: 750;
  text-decoration: none;
}

.submitted-sweep-action-link:hover {
  filter: brightness(1.07);
}

.submitted-sweep-action-link:focus-visible {
  outline: 2px solid var(--gold-bright);
  outline-offset: 3px;
}

/* Submitted Sweeps history headings */
.submitted-sweep-columns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 22px;
  padding-bottom: 9px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  opacity: 0.75;
}

.submitted-sweep-columns span {
  white-space: nowrap;
}

/* Dual rank guide refinements */
.member-sidebar-rank + .member-sidebar-rank {
  margin-top: 0;
}

.rank-progress-total {
  margin: 0 0 14px;
  color: var(--gold-bright);
  font-size: 12px;
  font-weight: 700;
}

.sweeper-level-list > div {
  background-image: linear-gradient(
    to right,
    rgba(216, 173, 101, 0.23) 0,
    rgba(216, 173, 101, 0.23) var(--rank-fill, 0%),
    transparent var(--rank-fill, 0%),
    transparent 100%
  );
  background-clip: padding-box;
}

.submitted-scout-summary:empty {
  display: none;
}/* Optional profile details and simple friend connections. */
#profileExtrasFields .member-profile-field > label{display:block;margin-bottom:9px;}
#profileExtrasFields select,#profileExtrasFields input[type="number"],.member-friends-panel input{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;}
#extra-club-tags button{border:0;background:transparent;color:inherit;padding:4px 8px;cursor:pointer;}
#memberExtrasView{display:contents;}
.profile-extra-preview{width:min(680px,calc(100% - 24px));max-height:85vh;overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:18px;padding:24px;}
.profile-extra-preview .member-profile-section{padding:18px 0;}
.extra-preview-avatar{width:80px;height:80px;object-fit:cover;border-radius:50%;}
.member-profile-copy{white-space:pre-wrap;overflow-wrap:anywhere;}
.member-friends-panel{margin-top:24px;padding:24px;}
.member-friend-request{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px;}
.member-friend-request label{width:100%;}
.member-friend-request input{flex:1;min-width:150px;}
.member-friend-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 0;border-bottom:1px solid var(--line-soft);}
.member-friend-row a{margin-right:auto;overflow-wrap:anywhere;}
.member-friends-panel details{margin-top:18px;}
.member-friends-panel summary{cursor:pointer;}
#inviteSweeperLink{margin-top:12px;}
.member-profile-section[hidden],.public-profile-wins[hidden],.member-friends-panel[hidden]{display:none!important;}
.public-profile-friend-link{display:inline-flex;margin:8px 0;}
#publicProfileRank[hidden],#publicAddFriend[hidden],#publicProfileExtraSections[hidden],#inviteSweeperLink[hidden]{display:none!important;}
#publicProfileExtraSections{grid-template-columns:1fr;}
#memberExtrasView{display:grid;grid-column:1 / -1;grid-template-columns:1fr;}
#publicProfileExtraSections .member-profile-section,#memberExtrasView .member-profile-section{border-left:0;border-top:1px solid var(--line-soft);}
#publicProfileFriends{border-top:1px solid var(--line-soft);}
#publicAddFriend{margin:18px 28px 0;}
#extra-club-tags .member-profile-tag{display:inline-flex;align-items:center;}
.member-friend-row .member-profile-cancel,#extra-club-tags button{min-height:40px;}
/* Profile layout revision: inline visibility, grouped story, paired ranks. */
.profile-group-title{margin:0 0 18px;font-family:Georgia,serif;font-size:22px;font-weight:500;color:var(--text);}
.profile-section-heading{padding:24px 28px 0;margin-bottom:0;}
.profile-editor-group{padding:24px 0;border-top:1px solid var(--line-soft);}
.profile-editor-group:first-of-type{border-top:0;}
.profile-inline-visibility{display:inline-flex!important;align-items:center;gap:7px;margin-left:auto;white-space:nowrap;font-size:12px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;min-height:32px;}
.profile-inline-visibility input{width:17px!important;height:17px!important;margin:0;accent-color:var(--gold-bright);}
.member-profile-field-heading{flex-wrap:wrap;gap:8px;}
.profile-rank-pair{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px;}
.profile-rank-item{flex:1 1 130px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px 0 0;border:0;border-top:1px solid var(--line);background:transparent;color:var(--text);text-align:left;font:inherit;}
button.profile-rank-item{cursor:pointer;}
.profile-rank-item>span{font-size:11px;color:var(--muted);}
.profile-rank-item strong,.profile-rank-item .public-profile-rank-button{font-size:14px;font-weight:600;color:var(--gold-bright);margin:0;}
.profile-rank-item .member-profile-field-heading{width:100%;}
.profile-story-section .member-profile-copy{margin:14px 0 0;}
.profile-dream{margin-top:20px;border-left:2px solid var(--gold);padding-left:16px;}
.profile-dream .member-profile-copy{margin-top:8px;}
.profile-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
#publicRankPair[hidden],#publicScoutRankItem[hidden],#publicSweeperRankItem[hidden],#publicFavoritesGrid[hidden],#publicFavoritesHeading[hidden],#memberFavoritesHeading[hidden]{display:none!important;}
@media(max-width:600px){.profile-editor-group{padding:20px 0;}.profile-rank-pair{gap:12px;}.profile-group-title{font-size:20px;}}

.is-editing-profile #memberAboutSection,.is-editing-profile #memberFavoritesHeading,.is-editing-profile #memberProfileView{display:none!important;}

.member-friend-row[draggable="true"]{cursor:grab;}
.member-friend-row.is-dragging{opacity:.5;}
.friend-position{font-variant-numeric:tabular-nums;color:var(--muted);}

#extra-sweeping_since{max-width:180px;font-variant-numeric:tabular-nums;}

/* Profile field polish */
.member-profile-categories .member-profile-field-heading > span{font-size:12px;font-weight:800;color:var(--text);}
.member-profile-field select{display:block;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);font:inherit;color-scheme:dark;}
html[data-theme="light"] .member-profile-field select{color-scheme:light;}
.member-profile-field select:focus{outline:2px solid var(--gold);outline-offset:2px;}
label[for="extra-favorite-story"]{margin-top:18px;}
.profile-friends-heading{margin-bottom:12px;}
.profile-friends-heading .profile-group-title{margin:0;}

/* Public profile action placement */
#publicProfileShell .member-profile-header{
  grid-template-columns:auto minmax(0,1fr) auto;
}
#publicProfileShell .member-profile-heading{min-width:0;}
#publicProfileUsername{overflow-wrap:anywhere;}
#publicAddFriend,#publicProfileOwnerEdit{
  grid-column:3;grid-row:1;align-self:start;justify-self:end;
  margin:0;white-space:nowrap;
}
@media(max-width:600px){
  #publicProfileShell .member-profile-header{
    grid-template-columns:auto minmax(0,1fr);
  }
  #publicProfileShell .member-profile-heading{
    grid-column:1 / -1;grid-row:2;
  }
  #publicAddFriend,#publicProfileOwnerEdit{grid-column:2;grid-row:1;}
}
/* Profile heading alignment 20261015 */
.member-username-row {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  column-gap: 12px;
  row-gap: 3px;
}

.member-username-row .member-username-edit-link {
  margin-top: 0;
  white-space: nowrap;
}

.member-profile-tenure {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 3px;
}

.member-profile-tenure .member-profile-since + .member-profile-since:not([hidden])::before {
  content: "|";
  color: var(--muted);
  margin-right: 8px;
}

.member-profile-tenure + .member-profile-instagram {
  margin-top: 12px;
}

@media (max-width: 440px) {
  .member-profile-tenure .member-profile-since + .member-profile-since:not([hidden])::before {
    content: "";
    margin-right: 0;
  }
}
/* Public profile section headings and story questions; member rank edit controls */
#publicProfileShell .public-profile-wins-heading .profile-group-title { margin:0; color:var(--text); font-size:22px; }
@media (max-width:600px) { #publicProfileShell .public-profile-wins-heading .profile-group-title { font-size:20px; } }
#publicProfileShell .profile-story-answer + .profile-story-answer { margin-top:20px; }
#publicProfileShell .profile-story-answer .member-profile-copy { margin-top:8px; }
.member-rank-entry {
  flex:1 1 150px;
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  padding-top:12px;
  border-top:1px solid var(--line);
}
.member-rank-entry .profile-rank-item {
  min-width:0;
  width:100%;
  padding:0;
  border:0;
  grid-column:1;
  grid-row:1;
}
.member-rank-entry .profile-rank-visibility {
  display:none!important;
  grid-column:2;
  grid-row:1;
  align-self:start;
  margin:0;
  min-height:0;
}
.is-editing-profile .member-rank-entry .profile-rank-visibility { display:inline-flex!important; }

/* Member header buttons top alignment */
@media (min-width: 761px) {
  .member-profile-shell[data-ms-content="members"] > .member-profile-header > .member-profile-header-actions {
    align-self: start;
  }
}
/* Member dashboard story alignment */
#memberExtrasView .profile-story-answer + .profile-story-answer { margin-top:20px; }
#memberExtrasView .profile-story-answer .member-profile-copy { margin-top:8px; }