/* Цвета берутся из общей палитры билдера. */
.account-card { width: min(440px, calc(100% - 32px)); margin: 48px auto; padding: 28px; border-radius: 16px; }
.account-card h1, .account-card h2 { font-size: 24px; margin: 0 0 24px; }
.account-card p { line-height: 1.6; overflow-wrap: anywhere; }
.account-field { margin-bottom: 18px; }
.account-card label { display: block; margin-bottom: 8px; color: var(--color-text-meta); }
.account-card :where(input:not([type="hidden"]):not([type="range"])) { width: 100%; box-sizing: border-box; padding: 12px; color: var(--color-text); background: var(--color-page); border: 1px solid var(--color-border); border-radius: 8px; font: inherit; }
.account-card input:focus-visible { outline: none; border-color: var(--color-text-meta); }
.account-help { color: var(--color-text-muted); font-size: 12px; line-height: 1.6; margin-top: 8px; }
.account-help ul { padding-left: 18px; }
.account-submit { display: block; width: 100%; box-sizing: border-box; padding: 12px; margin-top: 20px; border: 0; border-radius: 8px; background: var(--color-brand); color: var(--color-page); font: inherit; font-weight: 700; cursor: pointer; text-align: center; }
.account-discord-divider { display: block; margin-top: 18px; color: var(--color-text-muted); font-size: .75rem; text-align: center; }
.account-discord-button { display: flex; align-items: center; justify-content: center; gap: 9px; margin-top: 12px; color: var(--color-text); background: var(--color-page); border: 1px solid var(--color-border-hover); }
.account-discord-icon { width: 20px; height: 20px; flex: none; }
.account-submit:focus-visible { outline: 2px solid var(--color-brand); outline-offset: 3px; }
.auth-popup .account-submit { transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease; }
@media (hover: hover) {
    .auth-popup .account-submit:not(:disabled):hover { background: color-mix(in srgb, var(--color-brand) 88%, white); box-shadow: 0 0 14px var(--color-success-alpha-48); }
    .auth-popup .account-discord-button:not(:disabled):hover { background: var(--color-success-alpha-18); border-color: var(--color-brand); box-shadow: 0 0 14px var(--color-success-alpha-18); }
}
@media (prefers-reduced-motion: reduce) { .auth-popup .account-submit { transition: none; } }
.profile-discord-connection { margin: 14px 0; }
.profile-discord-status { display: flex; align-items: center; gap: 7px; }
.profile-discord-status .account-discord-icon { width: 16px; height: 16px; }
.profile-discord-status span { min-width: 0; overflow-wrap: anywhere; }
.account-links { display: flex; justify-content: space-between; gap: 14px; margin: 24px 0 0; font-size: 13px; color: var(--color-text-muted); }
.account-links a:hover, .account-help a:hover { color: var(--color-brand); }
.account-message { background: var(--color-success-alpha-18); padding: 12px; border-radius: 8px; color: var(--color-success); }
.account-card .errorlist { list-style: none; padding: 0; color: var(--color-error); font-size: 12px; line-height: 1.5; }
@media (max-width: 650px) { .account-card { margin-top: 24px; padding: 22px; } }
.auth-popup { position: fixed; margin: auto; max-height: calc(100dvh - 32px); overflow-y: auto; color: var(--color-text); }
.auth-popup::backdrop { background: var(--color-shadow-alpha-153); backdrop-filter: blur(4px); }
.auth-close { position: absolute; top: 10px; right: 12px; width: 32px; height: 32px; border: 0; background: transparent; color: var(--color-text-muted); font-size: 24px; cursor: pointer; }
.auth-close:hover { color: var(--color-brand); }
dialog.account-card.auth-popup.site-menu:not(.action-confirm) { padding-left: 15px; padding-right: 15px; }
@media (max-width: 650px) {
    dialog.account-card.auth-popup { inset: 10px; width: calc(100% - 20px); max-width: none; height: calc(100dvh - 20px); max-height: calc(100dvh - 20px); box-sizing: border-box; margin: 0; padding: calc(28px + env(safe-area-inset-top)) 22px calc(22px + env(safe-area-inset-bottom)); border-radius: 16px; overflow-y: auto; }
    dialog.auth-popup .auth-close { top: calc(10px + env(safe-area-inset-top)); }
}
.auth-popup h2 { padding-right: 28px; }
.auth-popup .account-message[hidden] { display: none; }
.auth-popup .account-submit:disabled { opacity: .6; cursor: wait; }
.auth-popup .auth-status.is-error { color: var(--color-error); background: var(--color-error-alpha-18); }
.clubslab-page:has(.auth-popup[open]) { overflow: hidden; }
.account-password { position: relative; }
.account-card .account-password input { padding-right: 48px; }
.account-password-toggle { position: absolute; top: 0; right: 0; width: 44px; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0; border: 0; background: transparent; color: var(--color-text-muted); cursor: pointer; border-radius: 8px; }
.account-password-toggle:hover { color: var(--color-text); }
.account-eye { display: block; width: 20px; height: 20px; background: currentColor; mask: url('icons/eye.svg') center / contain no-repeat; }
.account-password-toggle[aria-pressed="true"] .account-eye { mask-image: url('icons/eye-off.svg'); }
/* Общая навигация личного раздела под шапкой сайта. */
.account-navigation { border-bottom: 1px solid var(--color-border); background: var(--color-panel); padding: 10px var(--site-content-gutter); }
.account-navigation-inner { display: flex; gap: 8px; max-width: var(--site-content-width); margin: 0 auto; }
.account-card.account-settings-page { width: min(var(--site-content-width), calc(100% - 2 * var(--site-content-gutter))); padding: 0; border: 0; background: transparent; }
.account-navigation-inner { overflow-x: auto; }
.account-navigation-inner a { flex-shrink: 0; }
dialog.auth-popup h2{margin-bottom:9px}dialog.auth-popup>p:not(.account-message):not(.build-error),dialog.auth-popup form>.account-help{color:var(--color-text-caption);font-size:14px;line-height:1.5}dialog.auth-popup h2+p{margin-top:0}
dialog.auth-popup:not(.site-menu):not(.card-actions-dialog) h2{font-size:24px;line-height:1.25;font-weight:700;margin:0 0 9px;padding-right:32px}dialog.auth-popup .auth-close{display:flex;align-items:center;justify-content:center;top:10px;right:10px;width:32px;height:32px;margin:0;padding:0;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--color-text-meta);font:400 24px/1 Arial,sans-serif;cursor:pointer}dialog.auth-popup .auth-close:hover{color:var(--color-text-meta);border-color:var(--color-border-hover)}dialog.auth-popup label{font-size:14px;font-weight:400}dialog.auth-popup .action-confirm-buttons{display:flex;gap:10px;margin-top:24px}dialog.auth-popup .action-confirm-buttons button{flex:1 1 0;min-width:0}dialog.auth-popup .action-confirm-buttons [data-confirm-cancel]:hover{color:var(--color-text);border-color:var(--color-border-hover)}
dialog.auth-popup :is(.save-build-options,.boost-collections-actions){display:flex;gap:10px;margin-top:24px}dialog.auth-popup :is(.save-build-options,.boost-collections-actions)>button{flex:1 1 0;min-width:0;padding:10px 18px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-page);color:var(--color-text);font-size:13px}dialog.auth-popup :is(.save-build-options .account-submit,.boost-collections-actions button[type=submit]){color:var(--color-brand);border-color:color-mix(in srgb,var(--color-brand) 55%,var(--color-border));background:var(--color-success-alpha-10)}
.comparison-menu-count{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;margin-left:3px;padding:0 4px;border-radius:5px;background:var(--color-brand);color:var(--color-page);font-size:10px;line-height:1;box-sizing:border-box}.comparison-menu-count[hidden]{display:none}
@media(min-width:651px){dialog.account-card.auth-popup:not(.site-menu):not(.card-actions-dialog){inset:0;margin:auto;transform:none;width:min(440px,calc(100% - 32px));max-width:440px;height:fit-content;min-height:0;max-height:calc(100dvh - 32px);box-sizing:border-box}}
/* Общие аватары аккаунтов без сдвига размеров шапки и обсуждений */
.profile-avatar-panel{gap:20px}
.avatar-upload-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:10px}
.avatar-upload-form label{width:100%;margin:0}
.avatar-upload-form input[type=file]{font-size:.75rem;width:100%;min-width:0;padding:0;border:0;background:none;color:var(--color-text-caption)}
.avatar-upload-form input::file-selector-button{padding:7px 10px;margin-right:10px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-panel);color:var(--color-text);cursor:pointer}
.avatar-upload-form span{font-size:.6875rem;color:var(--color-text-caption)}
.avatar-action{font:inherit;font-size:.75rem;padding:7px 12px;border-radius:7px;border:1px solid var(--color-success-alpha-48);background:var(--color-success-alpha-10);color:var(--color-brand);cursor:pointer}
.avatar-action-secondary{border-color:var(--color-border);background:transparent;color:var(--color-text-caption)}
@media(max-width:550px){.profile-avatar-panel{gap:14px}}

/* Личный кабинет: профиль, друзья, сборки и настройки */
.account-card.profile-dashboard{box-sizing:border-box;width:min(var(--site-content-width),calc(100% - 2 * var(--site-content-gutter)));margin:24px auto;padding:0;border:0;background:transparent}
.profile-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px;border:1px solid var(--color-border);border-radius:16px;background:radial-gradient(ellipse at 0 0,var(--color-success-alpha-10),transparent 65%),var(--color-panel)}
.profile-identity{display:flex;align-items:center;gap:22px;min-width:0}
.profile-identity>div{min-width:0}
.profile-eyebrow{display:block;margin-bottom:8px;color:var(--color-brand);font-size:.625rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.profile-dashboard .profile-identity h1{font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.2;margin:0;overflow-wrap:anywhere;text-transform:uppercase}
.profile-dashboard .profile-email{margin:8px 0 0;color:var(--color-text-caption);font-size:.8125rem}
.profile-dashboard .profile-joined{margin:6px 0 0;color:var(--color-text-caption);font-size:.6875rem}
.profile-hero-side{display:flex;flex-direction:column;gap:18px;flex:none;min-width:190px}
.profile-button{gap:7px;min-height:34px;box-sizing:border-box;padding:7px 11px;background:var(--color-page);color:var(--color-text);font-size:.75rem;line-height:1.4;transition:border-color 160ms,background 160ms,color 160ms;text-align:center}
.profile-button.is-primary{color:var(--color-brand);border-color:var(--color-success-alpha-48);background:var(--color-success-alpha-10)}
.profile-button.is-quiet{border-color:transparent;background:transparent;color:var(--color-text-caption)}
.profile-button:focus-visible,.profile-person-identity:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}
.profile-numbers{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.profile-numbers a{display:flex;flex-direction:column;gap:5px;text-decoration:none;color:var(--color-text)}
.profile-numbers strong{font-size:1.75rem;line-height:1;font-weight:650}
.profile-numbers span{font-size:.6875rem;color:var(--color-text-caption)}
.profile-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:18px;align-items:start}
.profile-main-column,.profile-settings-column{display:grid;gap:18px;min-width:0}
.profile-settings-column{grid-template-columns:repeat(3,minmax(0,1fr))}
.profile-panel{padding:22px;scroll-margin-top:24px}
.profile-panel-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.profile-dashboard .profile-panel-heading h2{display:flex;align-items:center;gap:9px;margin:0;font-size:1rem;line-height:1.4}
.profile-panel-heading>a{font-size:.6875rem;color:var(--color-text-caption);text-decoration:none}
.profile-count{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;padding:0 5px;box-sizing:border-box;border-radius:7px;background:var(--color-success-alpha-10);font-size:.6875rem;color:var(--color-brand);font-weight:400}
.profile-section-icon{color:var(--color-text-caption);font-size:1.2rem}
.profile-panel-heading .profile-request-count{color:var(--color-brand)}
.profile-search{margin-bottom:20px}
.profile-dashboard .profile-search label{font-size:.6875rem;color:var(--color-text-caption);margin-bottom:7px}
.profile-search>div{display:flex;gap:8px}
.profile-dashboard .profile-search input{min-width:0;font-size:.8125rem}
.profile-search button{flex:none}
.profile-list-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:20px 0 8px}
.profile-list-heading h3{margin:0;font-size:.75rem;font-weight:500;color:var(--color-text-caption)}
.profile-list-heading h3 span{margin-left:5px;color:var(--color-brand)}
.profile-list-heading a{font-size:.6875rem;color:var(--color-text-caption)}
.profile-person{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--color-border)}
.profile-person:last-child{border-bottom:0}
.profile-person-identity{display:flex;align-items:center;gap:11px;min-width:0;text-decoration:none;color:var(--color-text)}
.profile-person-identity>span{min-width:0}
.profile-person strong{display:block;font-size:.8125rem;overflow-wrap:anywhere}
.profile-person small{display:block;font-size:.625rem;color:var(--color-text-caption);margin-top:5px}
.profile-person-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:5px;flex:none}
.profile-person-actions form{margin:0}
.profile-person-actions .profile-button{font-size:.6875rem;min-height:32px;padding:6px 8px}
.friend-status{color:var(--color-text-caption);font-size:.625rem;white-space:nowrap}
.friend-status.is-accepted{color:var(--color-brand)}
.profile-outgoing{margin:20px 0}
.profile-outgoing-heading{margin-bottom:9px}
.profile-outgoing-heading h3{margin:0;font-size:.6875rem;font-weight:400;color:var(--color-text-caption)}
.profile-outgoing .profile-person{display:flex;align-items:center;flex-wrap:nowrap;gap:10px;margin-top:8px;padding:8px 10px;border:1px solid var(--color-border);border-radius:9px;background:var(--color-page)}
.profile-outgoing .profile-person-identity{flex:1;min-width:0}
.profile-outgoing .profile-person>form{flex:none;margin:0}
.profile-outgoing .profile-person strong{min-width:0;overflow-wrap:anywhere}
.profile-outgoing .profile-person img{width:32px;height:32px}
.profile-empty-state{text-align:center;padding:20px 12px 8px}
.profile-empty-state svg{width:44px;height:44px;margin-bottom:12px;fill:none;stroke:var(--color-brand);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.65}
.profile-empty-state h3{font-size:.875rem;margin:0 0 7px;font-weight:500}
.profile-dashboard .profile-empty-state p{margin:0 auto;max-width:38ch;font-size:.75rem;color:var(--color-text-caption);line-height:1.7}
.profile-empty{font-size:.75rem;color:var(--color-text-caption);margin:14px 0}
.profile-build-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--color-border);color:var(--color-text);text-decoration:none}
.profile-build-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid var(--color-border);border-radius:9px;color:var(--color-brand);background:var(--color-page);font-size:1.3rem}
.profile-build-row>span:nth-child(2){min-width:0}
.profile-build-row strong{display:block;font-size:.8125rem;overflow-wrap:anywhere}
.profile-build-row small{display:block;margin-top:5px;color:var(--color-text-caption);font-size:.625rem}
.profile-row-arrow{margin-left:auto;color:var(--color-text-caption)}
.profile-builder-link{margin-top:16px}
.profile-dashboard .profile-avatar-panel{display:block;margin:0}
.profile-panel-copy{font-size:.75rem;color:var(--color-text-caption);line-height:1.7;margin:0 0 20px}
.profile-dashboard .avatar-upload-form label{font-size:.6875rem;margin:0;color:var(--color-text-caption)}
.profile-dashboard .avatar-upload-form input{max-width:100%}
.profile-dashboard .avatar-upload-form .avatar-action{width:100%;margin:4px 0 2px;min-height:34px}
.profile-dashboard .avatar-action-secondary{width:100%;min-height:34px}
.profile-account-email{display:grid;gap:7px;margin-bottom:18px}
.profile-account-email span{font-size:.625rem;color:var(--color-text-caption)}
.profile-account-email strong{font-size:.75rem;font-weight:400;overflow-wrap:anywhere}
.profile-security-link{width:100%}
.profile-signout{width:100%;margin-top:10px;background:transparent;border-color:transparent;color:var(--color-text-caption)}
.public-player-header{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:20px}
.public-player-header>div{min-width:0}
.public-player-header h1{overflow-wrap:anywhere}
.public-player-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-left:auto}
@media(hover:hover){.profile-button:hover{border-color:var(--color-success-alpha-48);color:var(--color-brand)}.profile-person-identity:hover,.profile-build-row:hover strong{color:var(--color-brand)}.profile-panel-heading>a:hover{color:var(--color-brand)}.profile-signout:hover{color:var(--color-error);border-color:var(--color-border)}}
@media(max-width:900px){.profile-settings-column{grid-template-columns:minmax(0,1fr)}.profile-hero{padding:22px;gap:20px}.profile-person{flex-wrap:wrap}.profile-person-actions{margin-left:51px;justify-content:flex-start}.profile-person-identity{flex:1 1 180px}.profile-dashboard .profile-panel{padding:18px}}
@media(max-width:760px){.profile-dashboard-grid{grid-template-columns:1fr}.profile-settings-column{grid-template-columns:minmax(0,1fr);align-items:start}.profile-hero{flex-wrap:wrap}.profile-hero-side{flex-direction:row;justify-content:space-between;align-items:center;flex:1 1 100%;gap:16px}.profile-numbers{min-width:130px}.profile-person{flex-wrap:nowrap}.profile-person-actions{margin-left:0;justify-content:flex-end}.profile-person-identity{flex:1}}
@media(max-width:550px){.account-card.profile-dashboard{margin-top:16px}.profile-hero{padding:18px}.profile-identity{gap:15px}.profile-hero-side{flex-direction:column;align-items:stretch;gap:18px}.profile-numbers{grid-template-columns:1fr 1fr}.profile-numbers a{flex-direction:row;align-items:baseline;gap:9px}.profile-numbers strong{font-size:1.5rem}.profile-settings-column{grid-template-columns:1fr}.profile-person{flex-wrap:wrap}.profile-person-actions{margin-left:51px;justify-content:flex-start;max-width:calc(100% - 51px)}.profile-person-identity{flex:1 1 100%}.profile-person-actions .profile-button{min-height:36px}.public-player-header{gap:14px}.public-player-actions{flex-basis:100%;margin-left:0}.public-player-header>div{max-width:100%}.profile-hero .profile-email{font-size:.75rem}}
.profile-section-icon{display:block;width:20px;height:20px;fill:none;stroke:var(--color-text-caption);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.profile-dashboard .avatar-upload-form{position:relative}
.profile-dashboard .avatar-upload-form .profile-file-picker{display:flex;align-items:center;justify-content:center;gap:9px;box-sizing:border-box;min-height:64px;width:100%;padding:12px;border:1px dashed var(--color-border);border-radius:9px;background:var(--color-page);color:var(--color-text);cursor:pointer;font-size:.75rem}
.profile-file-picker svg{width:20px;height:20px;fill:none;stroke:var(--color-text-caption);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.profile-file-picker [data-avatar-file-name]{color:inherit;font-size:inherit;overflow-wrap:anywhere;min-width:0}
.profile-dashboard .avatar-upload-form .profile-file-input{position:absolute;clip-path:inset(50%);overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap}
.profile-dashboard .avatar-upload-form:has(.profile-file-input:focus-visible) .profile-file-picker{outline:2px solid var(--color-brand);outline-offset:3px}
.profile-button:disabled{cursor:wait;opacity:.55}
@media(pointer:coarse){.profile-dashboard .profile-search input{font-size:1rem;min-height:48px}.profile-search .profile-button,.profile-person-actions .profile-button,.public-player-actions .profile-button{min-height:48px}}
.profile-dashboard .profile-search input{min-height:38px;height:38px;padding:7px 10px}
.profile-dashboard .profile-search input::placeholder{font-size:.6875rem}
@media(pointer:coarse){.profile-dashboard .profile-search input::placeholder{font-size:.875rem}}
.profile-search .profile-button{min-height:38px;padding:7px 10px}
.profile-outgoing .profile-person .profile-button{min-height:32px;padding:5px 8px;font-size:.6875rem}
@media(max-width:760px){.profile-dashboard>.profile-avatar-panel{margin-top:18px}}

.profile-build-icon img{display:block;width:24px;height:24px;object-fit:contain}
.profile-position-options{display:flex;flex-wrap:wrap;gap:7px;min-width:0;padding:0;border:0;margin:0}
.profile-position-hint{font-size:.6875rem;color:var(--color-text-caption);margin-bottom:12px}
.profile-dashboard .profile-position-choice{position:relative;margin:0;cursor:pointer}
.profile-position-choice input{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;margin:0;border:0}
.profile-position-choice span{display:grid;place-items:center;min-width:40px;height:36px;padding:0 9px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-page);color:var(--color-text-caption);font-size:.6875rem}
.profile-position-choice input:checked+span{border-color:var(--color-brand);color:var(--color-brand);background:var(--color-success-alpha-10)}
.profile-position-choice input:disabled+span{opacity:.35;cursor:default}
.profile-position-choice input:focus-visible+span{outline:2px solid var(--color-brand);outline-offset:3px}
.profile-position-status{font-size:.625rem;color:var(--color-text-caption);margin:9px 0 0;min-height:14px}
.public-player-positions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.public-player-positions span{padding:5px 9px;border:1px solid var(--color-success-alpha-48);border-radius:6px;background:var(--color-success-alpha-10);color:var(--color-brand);font-size:.6875rem}
.public-profile-friends{margin-bottom:14px}
.profile-search-status{font-size:.6875rem;color:var(--color-text-caption);margin:8px 0}
.profile-search-status:empty{display:none}
.profile-search-box{position:relative;margin-bottom:20px}
.profile-search-box .profile-search{margin-bottom:0}
.profile-search-box.is-enhanced>[data-people-results]{display:none;position:absolute;z-index:25;inset-inline:0;top:calc(100% + 7px);box-sizing:border-box;max-height:min(360px,50dvh);overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid var(--color-border);border-radius:11px;background:var(--color-page);box-shadow:0 12px 32px #0005}
.profile-search-box.is-open>[data-people-results]{display:block}
.people-suggestion{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px;border-radius:7px}
.people-suggestion .profile-person-identity{flex:1;min-width:0;gap:10px}
.people-suggestion .profile-person-identity img{width:34px;height:34px}
.people-suggestion strong{font-size:.8125rem;overflow-wrap:anywhere;min-width:0}
.people-suggestion-actions{display:flex;align-items:center;gap:5px;flex:none}
.people-suggestion-button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--color-success-alpha-48);border-radius:7px;background:var(--color-success-alpha-10);color:var(--color-brand);font:inherit;font-size:1.125rem;cursor:pointer}
.people-suggestion-button.is-quiet{border-color:var(--color-border);background:transparent;color:var(--color-text-caption)}
.people-suggestion-accepted{padding:0 9px;color:var(--color-brand)}
.people-suggestion-button:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}
.profile-search-box [data-people-results]>.profile-empty{margin:8px;font-size:.75rem}
@media(hover:hover){.people-suggestion:hover{background:var(--color-panel)}.people-suggestion-button:hover{border-color:var(--color-brand)}}
@media(pointer:coarse){.people-suggestion-button{width:40px;height:40px}}
.public-profile-friends .profile-panel-heading h2{display:flex;align-items:center;gap:9px;margin:0;font-size:1rem}
.public-friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.public-friends-grid>.profile-person-identity{padding:8px;border:1px solid transparent;border-radius:10px}
.public-friends-grid strong{font-size:.8125rem;overflow-wrap:anywhere;min-width:0}
.public-friends-grid>.profile-empty{grid-column:1/-1;margin:0}
@media(hover:hover){.public-friends-grid>.profile-person-identity:hover{border-color:var(--color-border);background:var(--color-page)}}
@media(max-width:550px){.public-profile-friends{padding:16px}.public-friends-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.public-friends-grid>.profile-person-identity{flex-direction:column;align-items:flex-start;gap:8px}}
.clubslab-page .builder-account-nav>.header-friend-count,.clubslab-page .header-friend-count.is-mobile{align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:24px;height:24px;padding:0;border-radius:7px;background:var(--color-brand);color:var(--color-page);font-size:.6875rem;line-height:1;font-weight:700;text-decoration:none;overflow:visible}
.header-friend-count:focus-visible{outline:2px solid var(--color-brand);outline-offset:4px}
.header-friend-count.is-mobile{display:none}
@media(min-width:951px){.clubslab-page .builder-account-nav:has(>.header-friend-count){display:flex;align-items:center;gap:9px;max-width:255px}.clubslab-page .builder-account-nav>.header-friend-count{display:inline-flex}}
@media(max-width:950px){.clubslab-page .header-friend-count.is-mobile{display:inline-flex;margin-left:auto}.clubslab-page .header-friend-count.is-mobile+.site-menu-toggle{margin-left:0}}

.public-player-header h1{text-transform:uppercase}
.public-player-header .public-player-joined{margin:0;font-size:.6875rem;line-height:1.6;color:var(--color-text-caption)}

.clubslab-page .community-intro .public-player-header h1{margin-bottom:2px}