.platform-search__form { display: flex; align-items: center; gap: 12px; padding: 14px 20px; border-bottom: 1px solid #ffffff10; margin: 0; }
.platform-search__form > svg { color: #a7b8cd; flex-shrink: 0; }
.platform-search__form input { width: 100%; min-width: 0; min-height: 44px; border: 0; padding: 0 4px; background: transparent; color: #f5f7fa; font: inherit; font-size: 1.05rem; outline-offset: 3px; }
.platform-search__form input::placeholder { color: #a5afbd; }
.platform-search__results { overflow-y: auto; overscroll-behavior: contain; min-height: 100px; padding: 10px; }
.platform-search__group h2 { margin: 12px 14px 7px; font-size: .75rem; color: #a7b3c3; font-weight: 650; text-transform: uppercase; letter-spacing: .045em; }
.platform-search__group ul { list-style: none; margin: 0; padding: 0; }
.platform-search__group a { min-width: 0; display: flex; align-items: center; gap: 13px; min-height: 66px; padding: 10px 13px; text-decoration: none; border-radius: 12px; }
.platform-search__group a:hover,.platform-search__group a:focus-visible,.platform-search__group a.is-selected { background: #28384c; }
.platform-search__group a strong { display: block; overflow-wrap: break-word; font-weight: 600; font-size: .96rem; }
.platform-search__group a small { color: #aab9cc; font-size: .8rem; }
.platform-search__icon { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; background: #ffffff07; border-radius: 10px; overflow: hidden; color: #a8cff9; }
.platform-search__icon img { object-fit: contain; width: 100%; height: 100%; }
.platform-search__arrow { margin-left: auto; color: #9db5d3; }
.platform-search__message { display: block; margin: 20px; color: #b5c0cf; font-size: .9rem; line-height: 1.6; }
.platform-search-page { max-width: 1200px; margin: 24px auto 40px; padding-inline: var(--page-gutter); }
.platform-search-page h1 { font-size: 2rem; letter-spacing: -.035em; }
.platform-search-page .platform-search__form { border: 1px solid var(--panel-border); background: #171c24; border-radius: 14px; }
.platform-search-page .platform-search__group { min-width: 0; margin-top: 16px; padding: 8px; border: 1px solid var(--panel-border); border-radius: var(--radius-panel); background: var(--panel-fill); box-shadow: var(--panel-shadow); }
.footer-socials { display: flex; gap: 8px; }
.footer-socials a { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #ffffff15; border-radius: 12px; color: #b7c3d2; }
.footer-socials a:hover { color: #f5f7fa; background: #ffffff0a; }
@media (max-width: 767px) {
  .platform-search__form { padding-inline: 12px; gap: 8px; }
  .platform-search__form input { font-size: 16px; }
}
@media (prefers-reduced-motion: no-preference) {
  .platform-search__group a,.footer-socials a { transition: background-color 180ms,color 180ms; }
}
.data-source-status { border: 1px solid #ffffff15; padding: 24px; margin: 24px 0; border-radius: 18px; background: #141b24; }
.data-source-status h2 { margin-top: 0; font-size: 1.2rem; }
.data-source-status p { font-size: .92rem; color: #b9c3d0; }
.data-source-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.data-source-actions .button[hidden] { display: none; }
.data-source-status progress { width: 100%; accent-color: #248cff; height: 12px; }

.platform-header [data-platform-search-open] { border: 1px solid #92accb30; border-radius: 12px; background: #ffffff06; box-shadow: inset 0 1px #ffffff06; }
.platform-header [data-platform-search-open]:hover,.platform-header [data-platform-search-open][aria-expanded="true"] { border-color: #83bdf780; color: #eef7ff; background: #4576a32a; }
.platform-search__players { list-style: none; margin: 0; padding: 0; }
.platform-search__players a { display: flex; align-items: center; gap: 12px; min-height: 60px; padding: 6px 10px; border-radius: 11px; color: #e7f0fb; text-decoration: none; }
.platform-search__players img { width: 44px; height: 48px; flex: 0 0 44px; object-fit: contain; background: #ffffff05; border-radius: 10px; }
.platform-search__players span { font-size: .94rem; line-height: 1.4; font-weight: 580; overflow-wrap: normal; word-break: normal; }
.platform-search__players a:hover,.platform-search__players a:focus-visible,.platform-search__players a.is-selected { background: #315a834d; color: #fff; }
.platform-search__players a:focus-visible { outline: 2px solid #85bfff; outline-offset: -2px; }
.platform-search__footer { display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between; padding: 10px 14px; border-top: 1px solid #ffffff10; color: #a6b4c6; font-size: .73rem; align-items: center; }
.platform-search__footer a { color: #b7d8fb; text-decoration: none; min-height: 36px; display: inline-flex; align-items: center; gap: 6px; }
.platform-search__footer a:hover { color: #fff; text-decoration: underline; }
@media (prefers-reduced-motion: no-preference) { .platform-search__players a { transition: background-color 150ms,color 150ms; } @keyframes platform-search-enter { from { opacity: 0; transform: translateY(-5px) scale(.985); } to { opacity: 1; transform: none; } } @keyframes platform-search-exit { to { opacity: 0; transform: translateY(-4px); } } }

/* Inline expansion is right-anchored to the original 44px search button. */
.header-search{position:relative;flex:0 0 44px;width:44px;height:44px;z-index:65}
.header-search>[data-platform-search-open]{position:relative;width:44px;height:44px}
.header-search.is-open>[data-platform-search-open]{visibility:hidden;pointer-events:none}
.platform-search{position:absolute;right:0;top:0;width:44px;height:44px;margin:0;border:1px solid #92accb30;border-radius:12px;background:#151f2c;color:#f5f7fa;visibility:hidden;opacity:0;pointer-events:none}
.header-search.is-open .platform-search{width:var(--inline-search-width,420px);visibility:visible;opacity:1;pointer-events:auto;border-color:#80b9ef85;box-shadow:0 0 0 3px #5b9fe514,0 4px 18px #0002}
.platform-search>.platform-search__form{height:42px;min-height:0;padding:0;gap:0;border:0;overflow:hidden;border-radius:inherit}
.platform-search .platform-search__form input{flex:1;width:0;min-width:0;min-height:40px;height:40px;padding:0 6px;font-size:16px;outline:0;appearance:none}
.platform-search .platform-search__form input::-webkit-search-cancel-button{appearance:none}
.platform-search .platform-search__form>.icon-button{flex:0 0 40px;width:40px;min-width:40px;height:42px;min-height:42px;padding:0;border:0;background:none;box-shadow:none;border-radius:10px}
.platform-search .platform-search__form>.platform-search__close{flex-basis:32px;width:32px;min-width:32px;color:#a5b5ca}
.platform-search__suggestions{position:absolute;top:calc(100% + 9px);right:0;width:100%;max-height:var(--search-results-height,520px);display:flex;flex-direction:column;border:1px solid #6d8caf40;border-radius:16px;background:#151f2c;box-shadow:0 18px 50px #0007;overflow:hidden}
.platform-search .platform-search__results{flex:1 1 auto;min-height:0;padding:6px;scrollbar-width:thin;overflow-y:auto}
.platform-search .platform-search__footer{flex:0 0 auto}
.platform-search__suggestions[hidden]{display:none}
@media(max-width:767px){.platform-search__footer>span{display:none}.platform-search__players a{gap:8px;padding:6px}.platform-search__players img{width:34px;height:40px;flex-basis:34px}.platform-search__players span{font-size:.84rem}.platform-search__footer{padding:6px 10px}}
@media(prefers-reduced-motion:no-preference){.platform-search{transition:width 280ms cubic-bezier(.22,1,.36,1),opacity 120ms,visibility 280ms}.header-search.is-open .platform-search{transition:width 280ms cubic-bezier(.22,1,.36,1),opacity 120ms,visibility 0s}}
/* Public member identities use the existing avatar helper, never player artwork. */
.search-member-avatar{display:inline-flex;width:44px;height:44px;flex:0 0 44px;align-items:center;justify-content:center}
.search-member-avatar>.identity-avatar{display:inline-flex;position:relative;width:44px;height:44px;flex:none;border-radius:12px;align-items:center;justify-content:center;background:#17304c;color:#e5f1ff;font-size:.9rem;overflow:hidden}
.search-member-avatar .identity-avatar--photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.search-member-avatar .identity-avatar--brand [data-avatar-initials]{display:none}
.search-member-avatar .brand-mark,.search-member-avatar .brand-mark img{display:block;width:34px;height:34px;object-fit:contain}
.platform-search__players [data-search-kind=profile]>span:last-child{min-width:0}
.platform-search__players [data-search-kind=profile] strong,.platform-search__players [data-search-kind=profile] small{overflow-wrap:anywhere}