.clans-page{--card:#1d1a3ab8;--surface:#1d1a3a;--surface-2:#221f44;--surface-3:#2a2654;--surface-hover:#332e63;--inset:#ffffff0d;--hover:#ffffff14;--on-accent-soft:#ffffffc7;--fg:#ececf3;--fg-2:#fff;--muted:#ececf3b8;--meta:#ececf394;--border:#ffffff14;--border-firm:#ffffff24;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-soft:#a78bfa;--accent-tint:#7c3aed29;--accent-border:#7c3aed4d;--accent-border-strong:#7c3aed8c;--online:#23a55a;--ok-fg:#5fdd93;--ok-tint:#23a55a24;--ok-border:#23a55a47;--font-mono:ui-monospace,"JetBrains Mono","SF Mono",Menlo,monospace;--radius-sm:8px;--radius:12px;--radius-lg:16px;--shadow-card:0 1px 0 #ffffff0a inset,0 8px 32px #00000059;--rail:320px;--gap:16px;color:var(--fg);padding:28px 0 40px}.clans-page .cols{grid-template-columns:minmax(0,1fr)var(--rail);gap:var(--gap);align-items:start;display:grid}.clans-page .rail{flex-direction:column;gap:16px;display:flex;position:sticky;top:88px}.clans-page .stack-sm{flex-direction:column;gap:10px;display:flex}.clans-page .wrapx{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.clans-page .page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.clans-page .page-head h1{color:var(--fg-2);font-size:30px;font-weight:700;font-family:var(--font-display),var(--font-sans),sans-serif;letter-spacing:-.01em;margin:0}.clans-page .page-head p{color:var(--muted);max-width:52ch;margin:8px 0 0;font-size:15.5px}.clans-page .searchbig{background:var(--surface-2);border:1px solid var(--border-firm);border-radius:13px;align-items:center;gap:11px;margin-bottom:22px;padding:13px 16px;transition:border-color .15s,box-shadow .15s;display:flex}.clans-page .searchbig:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.clans-page .searchbig svg{width:19px;height:19px;color:var(--meta);flex:0 0 19px}.clans-page .searchbig input{min-width:0;color:var(--fg);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:15px}.clans-page .searchbig input::placeholder{color:var(--meta)}.clans-page .card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.clans-page .card-h{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.clans-page .card-h h3{color:var(--fg-2);font-size:15px;font-weight:600;font-family:var(--font-display),var(--font-sans),sans-serif}.clans-page .card-b{padding:18px}.clans-page .link-more{color:var(--accent-soft);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:4px 8px;font-size:13.5px;transition:all .15s}.clans-page .link-more:hover{background:var(--accent-tint);color:var(--fg-2)}.clans-page .btn{white-space:nowrap;cursor:pointer;color:var(--fg);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform 50ms;display:inline-flex}.clans-page .btn:active{transform:translateY(1px)}.clans-page .btn-primary{background:var(--accent);color:#fff;box-shadow:0 6px 18px #7c3aed59}.clans-page .btn-primary:hover{background:var(--accent-hover);color:#fff}.clans-page .btn-quiet{color:var(--muted);border-color:var(--border);background:0 0}.clans-page .btn-quiet:hover{color:var(--fg-2);border-color:var(--border-firm);background:var(--hover)}.clans-page .btn-wide{width:100%}.clans-page .pill{border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.clans-page .pill.open{background:var(--ok-tint);color:var(--ok-fg);border:1px solid var(--ok-border)}.clans-page .tag-plain{color:var(--muted);background:var(--inset);border:1px solid var(--border);border-radius:7px;align-items:center;gap:5px;padding:5px 10px;font-size:13px;display:inline-flex}.clans-page .meta{font-family:var(--font-mono);color:var(--meta);font-variant-numeric:tabular-nums;font-size:12.5px}.clans-page .field{flex-direction:column;gap:6px;display:flex}.clans-page .field label{color:var(--muted);font-size:13px;font-weight:500}.clans-page .tabs{border-bottom:1px solid var(--border);gap:2px;display:flex;overflow-x:auto}.clans-page .tabs a{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:13px 14px;font-size:14px;font-weight:500;transition:all .15s}.clans-page .tabs a:hover{color:var(--fg-2)}.clans-page .tabs a[aria-selected=true]{color:var(--fg-2);border-bottom-color:var(--accent)}.clans-page .feed{flex-direction:column;gap:16px;display:flex}.clans-page .lfg{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);grid-template-columns:56px minmax(0,1fr);gap:14px;padding:18px;transition:border-color .15s,transform .1s;display:grid}.clans-page .lfg:hover{border-color:var(--border-firm);transform:translateY(-1px)}.clans-page .lfg-title{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.clans-page .lfg-title .n{color:var(--fg-2);font-size:16.5px;font-weight:600}.clans-page .lfg-sub{color:var(--muted);margin:4px 0 0;font-size:14.5px}.clans-page .lfg-sub b{color:var(--fg);font-weight:600}.clans-page .empty{text-align:center;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--inset);padding:34px 22px}.clans-page .empty .ico{background:var(--accent-tint);width:50px;height:50px;color:var(--accent-soft);border-radius:15px;place-items:center;margin:0 auto 12px;display:grid}.clans-page .empty h4{color:var(--fg-2);font-size:15px;font-family:var(--font-display),var(--font-sans),sans-serif;margin-bottom:5px}.clans-page .empty p{color:var(--muted);margin:0;max-width:34ch;margin-inline:auto;font-size:14.5px}@media (max-width:1200px){.clans-page .cols{grid-template-columns:minmax(0,1fr)}.clans-page .rail{position:static}}@media (max-width:860px){.clans-page{padding-top:18px}.clans-page .page-head h1{font-size:25px}.clans-page .page-head>.btn{width:100%}}@media (max-width:420px){.clans-page .page-head h1{font-size:23px}.clans-page .lfg{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:15px}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.clans-page{--card:var(--surface)}}