/* Search takes over the masthead, leaving the game strip below it. */
#search.nav-search-overlay:is(.open,.search-closing){position:fixed;z-index:160;top:var(--search-top,0px);left:0;right:0;width:100%;max-width:none;margin:0;min-height:var(--search-height,96px);padding:20px max(30px,calc((100vw - 1296px)/2));padding-right:max(75px,calc((100vw - 1196px)/2));display:flex;align-items:center;gap:16px;background:#101415;color:#f4f3e9;border:0;border-bottom:1px solid #3b4140;box-shadow:0 8px 22px #0004}
#search.nav-search-overlay input[name=q]{flex:1;min-width:0;height:56px;font-size:clamp(20px,2.3vw,32px);line-height:1.2;background:transparent;color:#f4f3e9;border:0;border-bottom:1px solid #596157;padding:6px 0;border-radius:0}
#search.nav-search-overlay input[name=q]::placeholder{color:#a9afa6;font-size:inherit}
#search.nav-search-overlay select{flex:0 0 180px;background:#202726;color:#f4f3e9;border:1px solid #4c554b;height:44px}
#search.nav-search-overlay .nav-search-close{position:absolute;right:24px;top:50%;transform:translateY(-50%);padding:4px 10px;background:transparent;border:0;color:#f4f3e9;font-size:30px;line-height:1}
#search.nav-search-overlay .search-suggestions{position:absolute;top:100%;left:max(30px,calc((100vw - 1296px)/2));right:max(30px,calc((100vw - 1296px)/2));max-height:calc(100dvh - 180px);overflow:auto;background:var(--panel);color:var(--text);box-shadow:0 12px 24px #0004}
#search.nav-search-overlay :focus-visible{outline:2px solid #caff48;outline-offset:3px}
@media(max-width:700px){#search.nav-search-overlay:is(.open,.search-closing){flex-wrap:wrap;padding:16px 60px 16px 20px}#search.nav-search-overlay input[name=q]{flex-basis:100%;font-size:22px}#search.nav-search-overlay select{flex:1}#search.nav-search-overlay .nav-search-close{right:12px;top:35px}}

/* The game toolbar belongs to the search panel, even after the masthead scrolls away. */
body.nav-search-is-open > header.search-attached-navbar{position:fixed!important;top:var(--search-navbar-top,80px)!important;left:0;right:0;width:100%;z-index:159!important;margin:0!important;transform:none;box-shadow:0 5px 12px #0002}
#search.nav-search-overlay:is(.open,.search-closing){min-height:var(--search-height,80px);padding-top:14px;padding-bottom:14px;box-shadow:none;gap:14px}
#search.nav-search-overlay input[name=q]{height:48px;font-size:clamp(20px,1.6vw,28px);outline:none!important;box-shadow:none!important;border-bottom-color:#596157}
#search.nav-search-overlay input[name=q]:focus,#search.nav-search-overlay input[name=q]:focus-visible{outline:none!important;box-shadow:none!important;border-bottom-color:#929a8b}
#search.nav-search-overlay .nav-search-close{font-size:24px}
body.nav-search-is-open #search .search-suggestions{top:calc(100% + 51px)}

.search-navbar-spacer{display:none}body.nav-search-is-open>.search-navbar-spacer{display:block}

#search.search-closing{pointer-events:none}