/* Search chrome stays outside the approved hall artwork and its hit targets. */
.hall-search{position:relative;z-index:15;box-sizing:border-box;width:min(100%,680px);margin:0 auto;padding:14px 18px;background:#0b2118;color:#f7eedb;font-family:inherit;line-height:1.5;text-align:left}
#home>.hall-search{padding-top:54px;z-index:100}
#hostLobbyScroll>.hall-search{position:sticky;top:0;z-index:15;box-shadow:0 8px 24px #0003}
.hall-search-form label{display:block;margin-bottom:7px;font-size:12px;letter-spacing:.02em;color:#dbc797}
.hall-search-row{display:flex;gap:8px;min-width:0}
.hall-search-row input{box-sizing:border-box;flex:1;min-width:0;width:100%;height:46px;padding:0 13px;border:1px solid #b99a625c;border-radius:8px;background:#06160f;color:#fff9eb;font:inherit;font-size:16px;appearance:auto}
.hall-search-row input::placeholder{color:#b2b9aa}
.hall-search-row button{flex:0 0 64px;min-height:46px;border:1px solid #d2b47a;border-radius:8px;background:#d2b47a;color:#112419;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.hall-search :is(input,button,a):focus-visible{outline:3px solid #f6de9d;outline-offset:2px}
.hall-search-panel{position:absolute;top:calc(100% - 4px);left:18px;right:18px;max-height:min(390px,48svh);overflow:auto;overscroll-behavior:contain;background:#0d251b;border:1px solid #ad915d;border-radius:10px;box-shadow:0 18px 40px #0008;z-index:20}
.hall-search-panel[hidden]{display:none!important}
.hall-search-status{margin:0;padding:12px 14px;color:#c9cdbf;font-size:12px}
.hall-search-results{list-style:none;margin:0;padding:0 6px 6px}
.hall-search-results:empty{padding:0}
.hall-search-results li{margin:0;padding:0;border-top:1px solid #cfb88322}
.hall-search-results a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 9px;min-height:44px;box-sizing:border-box;color:#fff2d8;text-decoration:none;border-radius:6px}
.hall-search-results a:hover,.hall-search-results a:focus-visible{background:#244232}
.hall-search-results strong,.hall-search-results small{display:block;overflow-wrap:anywhere}
.hall-search-results strong{font-size:14px;font-weight:600}
.hall-search-results small{font-size:12px;margin-top:3px;color:#bdc7b5}
.hall-search-arrow{flex:none;color:#dec58b}
@media(max-width:480px){.hall-search{padding:11px 12px}.hall-search-panel{left:12px;right:12px}#home>.hall-search{padding-top:48px}.hall-search-row button{flex-basis:58px}}