.fc-friends-dialog { --friends-accent: #75edf1; box-sizing: border-box; width: min(760px, calc(100vw - 24px)); max-height: 88vh; max-height: 88dvh; padding: clamp(16px, 3vw, 28px); overflow: auto; color: #f6f5ff; border: 1px solid #75edf199; border-radius: 24px; background: radial-gradient(ellipse at top right, #14475399, transparent 58%), linear-gradient(145deg, #1e193d, #090b1c); box-shadow: 0 18px 80px #0009; font: inherit; }
.fc-friends-dialog::backdrop { background: #040611b8; }
.fc-friends-dialog *, .fc-friends-dialog *::before, .fc-friends-dialog *::after { box-sizing: border-box; }
.fc-friends-dialog [hidden] { display: none !important; }
.fc-friends-header, .fc-friends-toolbar, .fc-friends-actions, .fc-friends-tabs, .fc-friends-pagination { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.fc-friends-header { justify-content: space-between; align-items: flex-start; }
.fc-friends-header h2 { margin: 4px 0 12px; font-size: 28px; }
.fc-friends-header small { color: var(--friends-accent); font-weight: 800; letter-spacing: .12em; }
.fc-friends-dialog p { line-height: 1.55; color: #d1cde3; }
.fc-friends-dialog button, .fc-friends-dialog input, .fc-friends-dialog select, .fc-friends-public button { font: inherit; }
.fc-friends-dialog button, .fc-friends-public button { min-height: 44px; padding: 9px 14px; border: 1px solid #a7b3eb66; border-radius: 12px; color: #f7f7ff; background: #141731; cursor: pointer; }
.fc-friends-dialog button:hover, .fc-friends-public button:hover { border-color: #75edf1; }
.fc-friends-dialog button:focus-visible, .fc-friends-dialog input:focus-visible, .fc-friends-dialog select:focus-visible, .fc-friends-public button:focus-visible { outline: 3px solid #ffe28a; outline-offset: 3px; }
.fc-friends-dialog button:disabled { opacity: .5; cursor: default; }
.fc-friends-tabs { margin: 20px 0; }
.fc-friends-tabs button[aria-pressed="true"] { color: #08121d; background: linear-gradient(110deg, #75edf1, #d5e8b3); border-color: #75edf1; font-weight: 800; }
.fc-friends-form { margin: 14px 0; padding: 16px; border-radius: 16px; border: 1px solid #b6b3d733; background: #070b2080; }
.fc-friends-form label { display: block; margin-bottom: 8px; font-weight: 700; }
.fc-friends-form input { flex: 1 1 180px; min-width: 0; min-height: 44px; padding: 10px 12px; color: #fff; border: 1px solid #9298c5; border-radius: 10px; background: #090c20; }
.fc-friends-form small { display: block; margin-top: 10px; color: #cac5dc; line-height: 1.5; }
.fc-friends-form select { display: block; width: 100%; min-height: 44px; margin-bottom: 14px; padding: 10px 12px; border: 1px solid #9298c5; border-radius: 10px; color: #fff; background: #090c20; }
.fc-friends-own-id { padding: 16px; margin: 14px 0; border: 1px solid #75edf166; border-radius: 16px; background: #10343c55; }
.fc-friends-own-id label { display: block; margin-bottom: 8px; color: var(--friends-accent); font-weight: 700; }
.fc-friends-own-id input { flex: 1 1 220px; width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; border: 1px solid #75edf155; border-radius: 10px; color: #f7f7ff; background: #090c20; font-size: clamp(12px, 3.5vw, 16px); letter-spacing: .035em; }
.fc-friends-own-id small { display: block; margin-top: 10px; color: #cac5dc; line-height: 1.5; }
.fc-friends-nav-button .fc-friends-nav-icon img { display: block; width: 100%; height: 100%; object-fit: contain; border-radius: 0; }
.desktop-nav .fc-friends-nav-icon { display: inline-grid; width: 20px; height: 20px; margin-right: 6px; vertical-align: middle; }
.mobile-dock.has-friends-entry, :root:fullscreen .mobile-dock.has-friends-entry { grid-template-columns: repeat(8, minmax(0, 1fr)) repeat(2, minmax(82px, .9fr)); grid-template-rows: minmax(0, 1fr); grid-auto-flow: column; }
@media (max-width: 620px) {
  .mobile-dock.has-friends-entry, :root:fullscreen .mobile-dock.has-friends-entry { grid-template-columns: repeat(8, minmax(64px, 1fr)) repeat(2, minmax(78px, 1fr)); overflow-x: auto; overflow-y: hidden; }
}
.fc-friends-status { min-height: 1.5em; }
.fc-friends-status[data-error="true"] { color: #ffb4c5; }
.fc-friends-list { margin: 0; padding: 0; list-style: none; }
.fc-friends-row { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 14px 0; border-bottom: 1px solid #aaa5d333; }
.fc-friends-row img { width: 48px; height: 48px; object-fit: cover; border-radius: 13px; }
.fc-friends-person { flex: 1 1 140px; min-width: 0; overflow-wrap: anywhere; }
.fc-friends-person strong, .fc-friends-person small { display: block; }
.fc-friends-person small { margin-top: 5px; color: #c0bad3; }
.fc-friends-actions button { font-size: 13px; }
.fc-friends-confirm { padding: 16px; margin: 12px 0; border: 1px solid #ffe28a; border-radius: 14px; background: #211d30; }
.fc-friends-confirm p { margin-top: 0; }
.fc-friends-public { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 12px 0; }
.fc-friends-pagination { justify-content: space-between; margin-top: 16px; }
#view-public-profile.is-viewing-player[data-friends-profile-pending] > .public-preview { display: none !important; }
.fc-friends-dialog { font-family: var(--friends-font, "Nunito", sans-serif); font-weight: var(--friends-font-weight, 700); }
.fc-friends-header h2, .fc-friends-content h3 { font-family: var(--friends-heading-font, "Bungee", sans-serif); font-weight: var(--friends-heading-weight, 900); }
.fc-friends-dialog button { font-family: var(--friends-control-font, var(--friends-font, "Nunito", sans-serif)); font-weight: var(--friends-control-weight, 900); }
.fc-friends-dialog input, .fc-friends-dialog select { font-family: var(--friends-field-font, var(--friends-font, "Nunito", sans-serif)); font-weight: var(--friends-field-weight, 700); }
@media (max-width: 540px) { .fc-friends-actions { width: 100%; } .fc-friends-actions button { flex: 1; } .fc-friends-tabs button { flex: 1; padding-inline: 8px; } }