.user-session-link { display:inline-flex; align-items:center; justify-content:center; flex:0 0 40px; width:40px; height:40px; border-radius:50%; color:inherit; text-decoration:none; }
.user-session-link:hover { color:inherit; background:#ffffff12; }
.user-session-link:focus-visible { outline:3px solid #edc968; outline-offset:3px; }
.user-session-link.user-session-account-entry { flex:0 0 auto; width:auto; min-width:40px; padding:0 12px; border:1px solid #ffffff55; border-radius:20px; white-space:nowrap; font:500 14px/1 var(--wp-font-reading,sans-serif); }
.navigation-layout-sidebar .sidebar-utilities .user-session-link.user-session-account-entry { flex:0 0 auto; width:auto; padding:0 12px; border:1px solid #ffffff55; }
.user-session-initial { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:#c8c5ff; color:#24264b; font:500 15px var(--wp-font-reading,sans-serif); }
.user-profiles-page { max-width:1000px; margin:auto; padding:64px 32px 80px; }
.user-profiles-page>h1 { font-size:clamp(30px,5vw,48px); margin:12px 0 20px; }
.user-profiles-intro { max-width:620px; line-height:1.7; color:var(--wp-text-secondary,#adb2cb); }
.user-profile-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:18px; margin:36px 0; }
.user-profile-card { margin:0; }
.user-profile-card button { display:flex; align-items:center; gap:16px; width:100%; padding:24px; min-height:118px; border:1px solid var(--wp-border-subtle,#606177); border-radius:18px; color:inherit; background:var(--wp-surface-sheet,#31344d); text-align:left; font:inherit; cursor:pointer; }
.user-profile-card button:hover { border-color:#edc968; }
.user-profile-card.is-current button { border-color:#edc968; }
.user-profile-avatar { display:grid; place-items:center; width:48px; height:48px; flex:0 0 48px; border-radius:50%; background:#c8c5ff; color:#24264b; font-size:22px; font-weight:500; }
.user-profile-name { display:block; overflow-wrap:anywhere; font-size:20px; font-weight:500; }
.user-profile-caption { display:block; margin-top:5px; font-size:13px; color:var(--wp-text-secondary,#b8bad0); }
.user-profile-add,.user-profile-settings { margin-top:24px; border-top:1px solid var(--wp-border-subtle,#606177); padding-top:24px; }
.user-profile-add>summary,.user-profile-settings>summary { width:fit-content; cursor:pointer; padding:8px 0; font-size:18px; }
.user-profile-form { display:grid; gap:12px; max-width:440px; margin:20px 0; }
.user-profile-form label { font-size:15px; }
.user-profile-form input { width:100%; min-height:48px; padding:12px 14px; border:1px solid var(--wp-border-subtle,#606177); border-radius:10px; color:inherit; background:var(--wp-surface-sheet,#31344d); font:inherit; }
.user-profile-form .cta { justify-self:start; margin-top:8px; }
.user-profile-exit { margin-top:40px; }
.user-profile-exit button { background:none; border:0; color:inherit; text-decoration:underline; text-underline-offset:5px; cursor:pointer; padding:10px 0; font:inherit; }
.user-profile-note { margin-top:28px; font-size:13px; line-height:1.7; color:var(--wp-text-secondary,#b8bad0); max-width:640px; }
.user-profiles-page :focus-visible { outline:3px solid #edc968; outline-offset:4px; }
@media(max-width:900px) {
  .top:has(.user-session-link):has(.post-language) { display:grid; grid-template-columns:minmax(0,1fr) 40px 40px; gap:12px 8px; }
  .top:has(.user-session-link):has(.progression-badge) { grid-template-columns:minmax(0,1fr) auto 40px 40px; }
  .top:has(.user-session-link)>.post-language { grid-column:-3/-2; grid-row:1; }
  .top>.user-session-link { grid-column:-2/-1; grid-row:1; }
  .top:has(.user-session-link)>.nav { grid-column:1/-1; grid-row:2; justify-content:space-between; }
  .top:has(>.user-session-account-entry):has(>.post-language) { grid-template-columns:minmax(0,1fr) 40px auto; }
  .top:has(>.user-session-account-entry):has(>.progression-badge),.top:has(>.user-session-account-entry):has(>.appearance-picker) { grid-template-columns:minmax(0,1fr) auto 40px auto; }
}
@media(max-width:900px) {
  .arcade-header:has(.user-session-link):has(.language-picker) { grid-template-columns:minmax(0,1fr) 40px 40px; gap:12px 8px; }
  .arcade-header:has(.user-session-link):has(.arcade-progression) { grid-template-columns:minmax(0,1fr) auto 40px 40px; }
  .arcade-header-actions>.language-picker { grid-column:-3/-2; grid-row:1; }
  .arcade-header-actions>.user-session-link { grid-column:-2/-1; grid-row:1; }
  .arcade-header:has(.user-session-account-entry):has(.language-picker) { grid-template-columns:minmax(0,1fr) 40px auto; }
  .arcade-header:has(.user-session-account-entry):has(.arcade-progression),.arcade-header:has(.user-session-account-entry):has(.appearance-picker) { grid-template-columns:minmax(0,1fr) auto 40px auto; }
}
@media(max-width:560px) {
  .top:has(.user-session-link) .brand-name,.arcade-header:has(.user-session-link) .arcade-brand strong { font-size:14px; }
  .top:has(.user-session-link) .brand,.arcade-header:has(.user-session-link) .arcade-brand { gap:6px; }
  .top:has(.user-session-link)>.post-language>summary,.arcade-header-actions>.language-picker>summary { width:40px; height:40px; }
  .user-profiles-page { padding:36px 20px 60px; }
  .user-profile-grid { grid-template-columns:1fr; }
}
@media(max-width:440px) {
  .user-session-link.user-session-account-entry { padding:0 8px; font-size:13px; }
  .top:has(.user-session-link) .origin,.arcade-header:has(.user-session-link) .arcade-brand small { display:none; }
  .top:has(.user-session-link) .brand-name,.arcade-header:has(.user-session-link) .arcade-brand strong { font-size:11px; letter-spacing:-.35px; white-space:nowrap; }
  .top:has(.user-session-link) .mark,.arcade-header:has(.user-session-link) .arcade-brand>span { width:27px; height:34px; flex:0 0 27px; font-size:24px; }
}
