body:not(.admin) .lobby-provider-nav{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;margin:18px 0 24px;padding:8px 10px;border:1px solid rgba(45,157,119,.22);border-radius:16px;background:linear-gradient(135deg,#06271e 0%,#071d17 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);font-family:"Montserrat",Arial,sans-serif}
body:not(.admin) .lobby-provider-nav .lobby-filters{display:flex;align-items:center;gap:8px;min-width:0;margin:0;padding:0;overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:x proximity;white-space:nowrap}
body:not(.admin) .lobby-provider-nav .chip{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 20px;border:1px solid rgba(58,152,121,.18);border-radius:999px;background:#10372b;color:#f1faf7;font-size:13px;font-weight:700;line-height:1;text-decoration:none;letter-spacing:-.02em;scroll-snap-align:start;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
body:not(.admin) .lobby-provider-nav .chip:hover{border-color:rgba(67,220,168,.38);background:#164737;color:#fff;transform:translateY(-1px)}
body:not(.admin) .lobby-provider-nav .chip.active{border-color:rgba(64,226,171,.35);background:#18513e;color:#fff}
body:not(.admin) .lobby-provider-nav .chip b{display:inline;font:inherit;color:#fff}
body:not(.admin) .lobby-provider-nav .chip svg{width:15px;height:15px;flex:0 0 auto;color:#fff}
body:not(.admin) .lobby-filter-arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(58,152,121,.2);border-radius:50%;background:#10372b;color:#9bc7b8;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}
body:not(.admin) .lobby-filter-arrow:hover{border-color:rgba(67,220,168,.38);background:#18513e;color:#fff}
body:not(.admin) .lobby-filter-arrow svg{width:17px;height:17px}
body:not(.admin) .lobby-filter-arrow:first-child svg{transform:rotate(180deg)}
body:not(.admin) .lobby-filter-arrow.next svg{transform:none}
@media(max-width:700px){body:not(.admin) .lobby-provider-nav{grid-template-columns:36px minmax(0,1fr) 36px;gap:6px;margin:14px -4px 20px;padding:7px;border-radius:14px}body:not(.admin) .lobby-filter-arrow{width:36px;height:36px}body:not(.admin) .lobby-provider-nav .chip{min-height:38px;padding:0 15px;font-size:11px}}