body>main.global-search-open{position:relative;overflow:hidden!important}main.global-search-open>:not(.global-search-panel){visibility:hidden}.global-search-panel{position:absolute;inset:10px;z-index:10;display:flex;flex-direction:column;background:#111111;border:1px solid #303234;border-radius:12px;direction:rtl;overflow:hidden}.global-search-panel[hidden]{display:none}.global-search-panel>header{display:flex;align-items:center;gap:20px;padding:22px 26px;height:auto;background:#111111;border-bottom:0}.global-search-panel header label{display:flex;align-items:center;gap:12px;flex:1;min-width:0;margin:0;padding:10px 12px;background:#191919;border:1px solid #414141;border-radius:8px}.global-search-panel header svg{width:23px;height:23px;color:#e2e8ed;flex-shrink:0}.global-search-panel input{width:100%;padding:0;box-shadow:none;border:0;background:transparent;color:#e2e8ed;font:inherit;font-size:16px;outline:none}.global-search-close{border:0;background:none;color:#a3adb5;font:28px Arial}.global-search-panel nav{display:flex;gap:26px;padding:0 26px;border-bottom:1px solid #303234}.global-search-panel nav button{position:relative;border:0;background:none;padding:18px 3px;color:#9aa4ad;font:inherit;font-size:12px}.global-search-panel nav button.selected{color:#aab2b8}.global-search-panel nav button.selected:after{content:'';position:absolute;bottom:0;left:15%;right:15%;height:2px;background:#aab2b8}.global-search-results{overflow:auto;padding:28px 36px;min-height:0;color:#9aa4ad;font-size:12px}.global-search-results>section{margin-bottom:28px}.global-results-heading{margin-bottom:17px}.global-results-heading h2{margin:0 0 5px;font-size:20px;color:#e2e8ed}.global-results-heading small{color:#9aa4ad}.global-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.global-result-row{display:flex;align-items:center;gap:11px;padding:10px;background:#191a1b;border:1px solid #303234;border-radius:8px;color:#e2e8ed;text-align:right;font:inherit;text-decoration:none;min-width:0}.global-result-row:hover{border-color:#687680;background:#292929}.global-result-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#292929;display:grid;place-items:center;color:#e2e8ed;font:800 12px Arial}.global-result-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.global-result-copy b{overflow-wrap:anywhere}.global-result-copy small{color:#9aa4ad;font-size:10px}.global-result-elo{margin-inline-start:auto;font:700 11px Arial;color:#aab2b8;white-space:nowrap}.global-search-panel button:focus-visible,.global-result-row:focus-visible{outline:2px solid #aab2b8;outline-offset:-2px}@media(max-width:850px){.global-result-grid{grid-template-columns:1fr}.global-search-results{padding:22px}.global-search-panel>header{padding:18px}.global-search-panel nav{padding:0 18px;gap:20px}}
.sidebar .sidebar-search-button{display:flex;align-items:center;gap:12px;direction:ltr;text-align:left;width:100%;min-height:40px;flex-shrink:0;padding:9px 12px;margin:0 0 8px;background:#202123;border:1px solid transparent;border-radius:8px;color:#aeb4bb;cursor:pointer;font:400 15px/1.3 Arial,sans-serif;transition:background .15s,color .15s}.sidebar-search-button svg{width:20px;height:20px;flex:0 0 20px;pointer-events:none}.sidebar-search-button span{pointer-events:none}.sidebar .sidebar-search-button:hover{background:#2a2c2f;color:#e5edf3}.sidebar .sidebar-search-button:focus-visible{outline:2px solid #aab2b8;outline-offset:2px}.sidebar .sidebar-search-button:active{background:#30343a}@media(max-width:720px){.sidebar .sidebar-search-button{width:calc(100% - 105px);display:inline-flex;margin:0;vertical-align:middle}}

.sidebar .sidebar-search-button{direction:rtl;text-align:right;justify-content:flex-start}

.global-search-panel header label:focus-within{border-color:#aab2b8}.global-search-panel input::placeholder{color:#9aa4ad;opacity:1}.global-search-panel input:focus{box-shadow:none}.global-search-close{border-radius:6px;padding:3px 8px}.global-search-close:hover{background:#292929;color:#fff}.global-search-panel nav button:hover{background:#292929;color:#fff}.global-search-panel nav button.selected{color:#fff}.global-search-panel nav button{transition:background-color .15s,color .15s}.global-search-results{flex:1;}@media(prefers-reduced-motion:reduce){.global-search-panel nav button{transition:none}}
/* The wrapper owns the single focus border; page form styles must not box the input. */
body>main.main .global-search-panel>header input[type="search"],
body>main.main .global-search-panel>header input[type="search"]:is(:focus,:focus-visible){appearance:none;-webkit-appearance:none;min-width:0;min-height:28px;height:auto;margin:0;padding:0;border:0;border-radius:0;outline:0;outline-offset:0;box-shadow:none;background:transparent;color:#e2e8ed;line-height:1.7}
body>main.main .global-search-panel>header label{background:#191919;border:1px solid #414141;box-shadow:none}
body>main.main .global-search-panel>header label:focus-within{border-color:#aab2b8;box-shadow:0 0 0 2px #ffffff08}

/* Roomier search results with readable player metadata. */
.global-result-grid{gap:12px}
.global-result-row{min-height:90px;box-sizing:border-box;padding:18px;gap:15px}
.global-result-avatar{width:52px;height:52px;flex-basis:52px}
.global-result-copy{gap:8px}
.global-result-copy b{font-size:15px;line-height:1.6}
.global-result-copy small{font-size:12px;line-height:1.6}
.global-result-elo{font-size:13px}
@media(max-width:480px){.global-result-row{padding:14px;gap:10px}.global-result-avatar{width:44px;height:44px;flex-basis:44px}.global-result-copy b{font-size:14px}.global-result-elo{font-size:12px}}

.global-result-level{display:inline-grid;place-items:center;flex:0 0 32px;width:32px;height:32px;margin-inline-start:auto}
.global-result-level+.global-result-elo{margin-inline-start:0}
.global-result-level .skill-level-icon{width:30px;height:30px}

/* Keep emblem dimensions square: flex-basis must match the shared badge size. */
.global-result-level{flex:0 0 auto;min-width:30px;max-width:30px;aspect-ratio:1;box-sizing:border-box}
.global-result-level.rlf-unranked-badge{--badge-size:30px;flex:0 0 30px;min-width:30px;max-width:30px}
.global-result-level .skill-level-icon{display:block!important;width:30px;height:30px;aspect-ratio:1;object-fit:contain}
.global-result-row{min-height:84px;padding:15px 16px;gap:12px}
.global-result-avatar{width:48px;height:48px;flex:0 0 48px;aspect-ratio:1;box-sizing:border-box}
@media(max-width:480px){.global-result-row{padding:12px;gap:9px}.global-result-avatar{width:44px;height:44px;flex-basis:44px}}