.gfind{width:100%}.gfield{position:relative;display:block;margin-top:var(--op-space-5)}.gfield__in{width:100%;min-height:56px;padding:0 calc(var(--op-touch) * 2) 0 var(--op-space-5);border:1px solid var(--op-border);border-radius:var(--op-r-sm);background:var(--op-surface);font-family:var(--op-font-sans);font-size:var(--op-fs-lg);color:var(--op-ink)}.gfield__in:focus-visible{outline:2px solid var(--op-teal-active);outline-offset:2px;border-color:var(--op-teal-active)}.gfield__in::placeholder{color:var(--op-text-2)}.gfield__in::-webkit-search-cancel-button{display:none}.gfield__x,.gfield__go{position:absolute;top:0;height:100%;width:var(--op-touch);display:grid;place-items:center;border:0;background:none;cursor:pointer}.gfield__x[hidden]{display:none}.gfield__x{right:var(--op-touch);color:var(--op-text-3)}.gfield__spin{position:absolute;top:0;right:calc(var(--op-touch) * 2);height:100%;width:var(--op-touch);display:grid;place-items:center}.gfield__spin[hidden]{display:none}.gfield__spin::before{content:"";width:var(--op-space-4);height:var(--op-space-4);border:2px solid var(--op-hairline);border-top-color:var(--op-teal);border-radius:var(--op-r-pill);animation:gspin var(--op-dur-bar) linear infinite}@keyframes gspin{to{transform:rotate(1turn)}}.gfield--busy .gfield__in{padding-right:calc(var(--op-touch) * 3)}.gfield__go{right:0;color:var(--op-teal)}.gfield__go:hover{color:var(--op-teal-active);background:var(--op-teal-wash)}.gfield__x:focus-visible,.gfield__go:focus-visible{outline:var(--op-focus-ring) solid var(--op-teal-active);outline-offset:calc(-1 * var(--op-focus-ring))}.gfield__x svg{width:var(--op-space-4);height:var(--op-space-4)}.gfield__go svg{width:var(--op-space-5);height:var(--op-space-5)}.gfind__note{margin-top:var(--op-space-5);font-size:var(--op-fs-base);color:var(--op-text-2);max-width:48ch}.gfind__note[hidden]{display:none}.gfind__note--empty{max-width:none;margin-top:var(--op-space-6);padding:var(--op-space-10) var(--op-space-8);background:var(--op-surface);border-radius:var(--op-r-lg);box-shadow:var(--op-elevation-1);font-size:var(--op-fs-xl);line-height:var(--op-lh-title);color:var(--op-ink)}.mp-cards{display:grid;margin-top:var(--op-space-6);gap:var(--op-space-4) calc(var(--op-space-8) + var(--op-mp-toggle) / 2);padding-right:calc(var(--op-mp-toggle) / 2);grid-template-columns:repeat(auto-fill,minmax(min(var(--op-mv-card-max),100%),1fr))}.mp-card--link{grid-template-columns:max-content max-content minmax(0,1fr);column-gap:var(--op-space-4);padding:var(--op-space-5) var(--op-space-6);min-height:calc(var(--op-touch) + var(--op-space-12));text-decoration:none;color:inherit;transition:box-shadow var(--op-dur-base) var(--op-ease),transform var(--op-dur-base) var(--op-ease)}.mp-card--link:hover{color:inherit;text-decoration:none;transform:translateY(var(--op-lift));box-shadow:var(--op-elevation-2)}.mp-card--link:focus-visible{outline:var(--op-focus-ring) solid var(--op-teal-active);outline-offset:var(--op-space-1)}.mp-card--link .mp-studio{justify-content:flex-start;max-width:var(--op-space-16)}.mp-studio--dark{background:var(--op-ink);border-radius:var(--op-r-xs);padding:2px 4px}.mp-card--link .mp-title{overflow-wrap:break-word}.mp-card--link .mp-toggle{transition:background-color var(--op-dur-fast) var(--op-ease),color var(--op-dur-fast) var(--op-ease)}.mp-card--link:hover .mp-toggle{background:var(--op-teal);color:var(--op-surface)}.mp-cards{--op-games-stagger:20ms}@keyframes mp-card-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.mp-card--in{animation:mp-card-in var(--op-dur-fast) var(--op-ease) both;animation-delay:calc(var(--i,0) * var(--op-games-stagger))}@media (prefers-reduced-motion:reduce){.mp-card--link,.mp-card--link .mp-toggle{transition:none}.mp-card--link:hover{transform:none}.mp-card--in{animation:none}.gfield__spin::before{animation:none}}