.match-dock{z-index:60;border:1px solid color-mix(in srgb, var(--color-ludex) 35%, transparent);background-color:var(--bento-solid);border-radius:9999px;align-items:center;gap:.75rem;max-width:calc(100vw - 2rem);padding:.55rem .6rem .55rem .75rem;animation:.35s ease-out match-dock-in;display:flex;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 14px 34px #1a1a1a33}.match-dock--found{border-color:var(--color-ludex);box-shadow:0 14px 34px color-mix(in srgb, var(--color-ludex) 35%, transparent)}.match-dock__text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.match-dock__text strong{font-size:.85rem;font-weight:800}.match-dock__text small{color:#1a1a1a8c;font-size:.72rem;font-weight:600}.match-dock__radar{background:radial-gradient(circle, var(--color-ludex) 0 22%, transparent 24%), color-mix(in srgb, var(--color-ludex) 12%, var(--bento-solid));border-radius:9999px;flex:none;width:2rem;height:2rem;position:relative}.match-dock__radar:after{content:"";border-radius:inherit;border:2px solid var(--color-ludex);animation:1.4s ease-out infinite match-dock-ping;position:absolute;inset:0}.match-dock__radar--found{background:var(--color-ludex)}.match-dock__radar--ghost{background:color-mix(in srgb, var(--ludex-ink) 45%, var(--bento-solid))}.match-dock__radar--ghost:after{border-color:color-mix(in srgb, var(--ludex-ink) 45%, transparent)}.match-dock__radar--found:after{animation-duration:.8s}@keyframes match-dock-ping{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.4)}}@keyframes match-dock-in{0%{opacity:0;transform:translateY(1rem)}}@media (max-width:767px){.match-dock{left:.75rem;right:.75rem;bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + .5rem)}.match-dock__text{flex:1}}@media (prefers-reduced-motion:reduce){.match-dock{animation:none}.match-dock__radar:after{opacity:.5;animation:none}}