.arena-search-root { position: relative; width: 100%; }
.arena-search-root > input { display: block; width: 100%; }
.input-icon-wrap > .icon { top: 50%; transform: translateY(-50%); }
.arena-search-confirm[hidden] { display: none !important; }
.arena-search-confirm { display: inline-flex; align-items: center; min-height: 32px; margin: 5px 0 0; padding: 4px 0; border: 0; border-radius: 4px; background: transparent; color: var(--mint, #147554); font: inherit; font-size: 12px; font-weight: 650; line-height: 1.5; text-align: left; cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
.arena-search-confirm:hover { color: var(--ink, #172429); }
.arena-search-confirm:focus-visible { outline: 2px solid var(--mint, #147554); outline-offset: 3px; }
.arena-search-list[hidden] { display: none !important; }
.arena-search-list { position: absolute; z-index: 80; top: calc(100% + 7px); left: 0; right: 0; max-height: min(370px, 48vh); overflow-y: auto; overscroll-behavior: contain; padding: 7px; border: 1px solid #cbd9dc; border-radius: 16px; background: #fff; color: #172429; box-shadow: 0 16px 40px #152b3026, 0 3px 10px #152b3009; }
.arena-search-caption { padding: 7px 10px 9px; font-size: 11px; font-weight: 700; color: #68777c; letter-spacing: .02em; }
.arena-search-option { display: flex; align-items: center; gap: 11px; width: 100%; min-height: 57px; padding: 10px; border: 0; border-radius: 9px; background: transparent; text-align: left; font: inherit; cursor: pointer; color: inherit; }
.arena-search-option:hover, .arena-search-option.is-active { background: #eaf8f2; }
.arena-search-option > span:nth-child(2) { min-width: 0; flex: 1; }
.arena-search-option strong { display: block; font-size: 14px; font-weight: 700; overflow-wrap: anywhere; line-height: 1.45; }
.arena-search-option small { display: block; margin-top: 3px; font-size: 11px; color: #738187; line-height: 1.4; }
.arena-search-symbol { display: grid; place-items: center; flex: 0 0 30px; height: 30px; border-radius: 8px; color: #147554; background: #edf5f1; font-size: 17px; }
.arena-search-return { color: #8ba297; font-size: 15px; }
.arena-search-option.is-custom { border-top: 1px solid #e9eeeb; margin-top: 4px; border-radius: 0 0 9px 9px; }
.arena-search-option.is-custom .arena-search-symbol { background: #172d26; color: #fff; }
.arena-search-empty { padding: 8px 10px 14px; margin: 0; color: #647679; font-size: 12px; line-height: 1.65; }
.arena-search-live { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
@media (max-width: 600px) { .arena-search-list { max-height: min(310px, 45vh); } .arena-search-option { min-height: 60px; } }