/* Quiet, touch-friendly search aligned with the SGH game catalog. */
.game-toolbar{display:grid;grid-template-areas:'search' 'heading';gap:16px;margin-bottom:16px}
.game-toolbar__heading{grid-area:heading;display:flex;align-items:end;justify-content:space-between;gap:12px;min-width:0}
.game-search{grid-area:search;display:flex;align-items:center;gap:10px;min-width:0;min-height:52px;padding:0 4px 0 16px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(255,255,255,.07);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);color:var(--text-muted);transition:border-color .2s ease,background .2s ease}
.game-search:focus-within{border-color:rgba(192,132,252,.68);background:rgba(255,255,255,.1)}
.game-search>.material-symbols-outlined{font-size:21px;flex:none}
.game-search input{flex:1;min-width:0;width:100%;height:50px;border:0;outline:0;background:transparent;color:var(--text);font:500 16px/1.4 Inter,system-ui,sans-serif;appearance:none;-webkit-appearance:none}
.game-search input::placeholder{color:var(--text-muted);opacity:1}
.game-search input::-webkit-search-cancel-button{display:none}
.game-search button{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:rgba(255,255,255,.1);color:var(--text-muted);cursor:pointer}
.game-search button[hidden],.game-search-empty[hidden],.game-grid .game-card[hidden]{display:none}
.game-search button .material-symbols-outlined{font-size:18px}
.game-search button:focus-visible{outline:2px solid #c3a6ed;outline-offset:2px}
.game-search-empty{margin-top:20px;padding:20px;border:1px solid var(--card-border);border-radius:16px;background:var(--card);color:var(--text-muted);font-size:14px;text-align:center}
[data-theme=light] .game-search{border-color:rgba(88,28,135,.15);background:rgba(255,255,255,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
[data-theme=light] .game-search:focus-within{border-color:rgba(120,82,158,.65);background:rgba(255,255,255,.8)}
[data-theme=light] .game-search button{background:rgba(113,72,164,.09)}
@media(min-width:640px){.game-toolbar{grid-template-columns:minmax(0,1fr) minmax(240px,320px);grid-template-areas:'heading search';align-items:center;gap:24px}}
@media(prefers-reduced-motion:reduce){.game-search{transition:none}}
@media(prefers-reduced-transparency:reduce){.game-search{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not (backdrop-filter:blur(1px)){.game-search{background:var(--bg)}}