/* Extracted from page_panels/groups.php block 1 */
.ww-groups{min-height:calc(100vh - var(--ww-nav-height, 0px));background:#05070b;color:#fff;padding:clamp(2rem,5vw,4rem) 0}.ww-groups-inner{width:min(1180px,calc(100% - 2rem));margin:0 auto}.ww-groups a{color:#a5f3fc}.ww-groups-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.ww-groups h1{font-size:clamp(2.3rem,7vw,5.5rem);line-height:.92;margin:0;letter-spacing:0}.ww-groups h2{margin:0 0 .4rem;font-size:1.25rem}.ww-groups p{color:rgba(255,255,255,.68);line-height:1.55;margin:.45rem 0 0}.ww-groups-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);color:#fff!important;text-decoration:none;font-weight:900;white-space:nowrap}.ww-vrc-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;margin-top:.45rem;min-height:26px;padding:0 .62rem;border-radius:999px;border:1px solid rgba(94,234,212,.42);background:linear-gradient(135deg,rgba(20,184,166,.28),rgba(59,130,246,.18));color:#d9fffb;font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 20px rgba(20,184,166,.12)}.ww-vrc-badge-card{margin:.45rem 0 0}.ww-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.ww-group-card,.ww-groups-card{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);border-radius:8px;overflow:hidden}.ww-group-card a{display:block;color:#fff;text-decoration:none}.ww-card-banner{height:150px;background:linear-gradient(135deg,rgba(20,184,166,.4),rgba(59,130,246,.32));background-size:cover;background-position:center}.ww-card-body{position:relative;padding:3rem .9rem .95rem}.ww-card-logo{position:absolute;top:-34px;left:.9rem;width:68px;height:68px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#10151f;display:flex;align-items:center;justify-content:center;overflow:hidden}.ww-card-logo img,.ww-group-logo img{width:100%;height:100%;object-fit:cover}.ww-card-logo span,.ww-group-logo span{font-size:1.8rem;font-weight:900;color:rgba(255,255,255,.78)}.ww-group-card h2{font-size:1.35rem;margin:0}.ww-group-card small{display:block;color:rgba(255,255,255,.5);margin-top:.75rem}.ww-groups-card{padding:1rem}.ww-group-profile{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);border-radius:8px;overflow:hidden}.ww-group-hero{height:clamp(220px,38vw,420px);background:linear-gradient(135deg,rgba(20,184,166,.35),rgba(59,130,246,.25));background-size:cover;background-position:center;position:relative}.ww-group-hero-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,7,11,.9),rgba(5,7,11,.08))}.ww-group-body{position:relative;padding:0 clamp(1rem,3vw,2rem) clamp(1rem,3vw,2rem)}.ww-group-logo{width:120px;height:120px;border-radius:18px;border:1px solid rgba(255,255,255,.18);background:#10151f;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:-60px;position:relative}.ww-group-logo span{font-size:3rem}.ww-group-title-row{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-top:1rem}.ww-group-title-row h1{font-size:clamp(2.4rem,6vw,5rem)}.ww-group-copy{margin-top:1.2rem;color:rgba(255,255,255,.82);line-height:1.7;max-width:820px}.ww-group-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1.2rem 0}.ww-group-meta>div{border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.18);border-radius:8px;padding:.85rem}.ww-group-meta small{display:block;color:rgba(255,255,255,.48);font-weight:900;text-transform:uppercase;font-size:.7rem;letter-spacing:.08em}.ww-group-meta strong{display:block;margin-top:.25rem}.ww-mod-grid{display:flex;gap:.5rem;flex-wrap:wrap}.ww-mod-grid span{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);border-radius:999px;padding:.45rem .7rem;font-weight:800}@media(max-width:900px){.ww-groups-head,.ww-group-title-row{display:grid;align-items:start}.ww-group-grid{grid-template-columns:1fr 1fr}.ww-group-meta{grid-template-columns:1fr}}@media(max-width:620px){.ww-group-grid{grid-template-columns:1fr}.ww-groups h1{font-size:3rem}.ww-group-logo{width:96px;height:96px;margin-top:-48px}}
        .ww-group-id-box{grid-column:1/-1}.ww-group-id-box strong{font-size:clamp(1.35rem,3vw,2.2rem);line-height:1.05;word-break:break-all;color:#fff}.ww-group-links{margin:1rem 0}.ww-group-links-list{display:flex;gap:.55rem;flex-wrap:wrap}.ww-group-links-list a{display:inline-flex!important;align-items:center;justify-content:center;min-height:36px;padding:0 .85rem;border-radius:999px;border:1px solid rgba(94,234,212,.3);background:rgba(20,184,166,.12);color:#e7fffb!important;text-decoration:none!important;font-weight:950}.ww-group-links-list a:hover{border-color:rgba(94,234,212,.55);background:rgba(20,184,166,.2)}
        .ww-member-count{display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:28px;margin-top:.45rem;padding:0 .66rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;font-size:.78rem;font-weight:950}
        .ww-group-divider{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:.45rem 0 -.1rem;padding:.75rem .9rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045)}.ww-group-divider strong{display:block;color:#fff;font-size:1rem}.ww-group-divider span{color:rgba(255,255,255,.58);font-size:.84rem;font-weight:800;text-align:right}.ww-group-divider-verified{border-color:rgba(94,234,212,.32);background:linear-gradient(135deg,rgba(20,184,166,.16),rgba(59,130,246,.08))}.ww-group-divider-unclaimed{border-color:rgba(250,204,21,.28);background:linear-gradient(135deg,rgba(234,179,8,.13),rgba(255,255,255,.035))}@media(max-width:620px){.ww-group-divider{display:grid;align-items:start}.ww-group-divider span{text-align:left}}
        .ww-creator-badge{display:inline-flex!important;align-items:center;justify-content:center;width:max-content;max-width:100%;min-height:30px;padding:0 .72rem;border-radius:999px;border:1px solid rgba(165,243,252,.28);background:rgba(14,165,233,.14);color:#e0f7ff!important;text-decoration:none!important;font-weight:900;line-height:1.2;transition:transform .18s ease,border-color .18s ease,background .18s ease}.ww-creator-badge:hover{transform:translateY(-2px);border-color:rgba(165,243,252,.52);background:rgba(14,165,233,.22)}.ww-claim-link{display:inline-flex!important;align-items:center;justify-content:center;width:max-content;max-width:100%;min-height:34px;margin-top:.55rem;padding:0 .85rem;border-radius:999px;border:1px solid rgba(250,204,21,.42);background:rgba(234,179,8,.14);color:#fef3c7!important;text-decoration:none!important;font-weight:950;line-height:1.2}.ww-claim-link:hover{background:rgba(234,179,8,.22);border-color:rgba(250,204,21,.62)}.ww-claim-link-card{margin-top:0}.ww-group-card-main .ww-card-body>small{display:none}.ww-card-foot{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap;padding:0 .9rem .95rem}.ww-card-foot small{display:none}.ww-groups-showcase-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.ww-groups-add{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 1rem;border-radius:999px;border:1px solid rgba(94,234,212,.36);background:rgba(20,184,166,.18);color:#fff!important;text-decoration:none;font-weight:900;white-space:nowrap;align-self:start}.ww-groups-search{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.65rem;align-items:center;margin:0 0 1.25rem;padding:.7rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);border-radius:8px}.ww-groups-search label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ww-groups-search input{width:100%;min-width:0;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.28);color:#fff;padding:0 1rem;font:inherit}.ww-groups-search input::placeholder{color:rgba(255,255,255,.45)}.ww-groups-search button,.ww-groups-search a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);color:#fff!important;text-decoration:none;font-weight:900;white-space:nowrap;cursor:pointer}.ww-groups-search button{font:inherit}@media(max-width:900px){.ww-groups-showcase-head{display:grid;align-items:start}}@media(max-width:620px){.ww-groups-search{grid-template-columns:1fr}}
        .ww-groups-search{grid-template-columns:minmax(0,1fr) minmax(160px,220px) auto auto}.ww-groups-search select{width:100%;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#10151f;color:#fff;padding:0 .85rem;font:inherit;font-weight:800}.ww-vibe-row{display:flex;gap:.5rem;flex-wrap:wrap;margin:-.55rem 0 1rem}.ww-vibe-row a{display:inline-flex;align-items:center;min-height:32px;padding:0 .72rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:rgba(255,255,255,.82)!important;text-decoration:none;font-weight:900}.ww-vibe-row a.active,.ww-vibe-row a:hover{border-color:rgba(94,234,212,.4);background:rgba(20,184,166,.16);color:#fff!important}.ww-results-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin:0 0 1rem;color:rgba(255,255,255,.56);font-size:.88rem;font-weight:900}.ww-pagination{display:flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap;margin:1.35rem 0 0}.ww-pagination a,.ww-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:38px;padding:0 .72rem;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#fff!important;text-decoration:none;font-weight:950}.ww-pagination a.active{border-color:rgba(94,234,212,.5);background:rgba(20,184,166,.22)}.ww-pagination span{color:rgba(255,255,255,.5)!important;background:transparent}@media(max-width:720px){.ww-groups-search{grid-template-columns:1fr}.ww-results-bar{display:grid}}
        .ww-join-vrc{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem 1rem;align-items:center;margin:1.15rem 0 1.25rem;padding:1.15rem 1.25rem;border-radius:8px;border:1px solid rgba(94,234,212,.44);overflow:hidden;text-decoration:none!important;color:#fff!important;background:linear-gradient(135deg,rgba(20,184,166,.38),rgba(59,130,246,.28) 48%,rgba(236,72,153,.24));box-shadow:0 18px 55px rgba(20,184,166,.12),inset 0 0 0 1px rgba(255,255,255,.08);isolation:isolate;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.ww-join-vrc::before{content:"";position:absolute;inset:-80% -25%;z-index:-1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transform:translateX(-65%) rotate(12deg);transition:transform .65s ease}.ww-join-vrc::after{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.22),transparent 28%),radial-gradient(circle at 85% 80%,rgba(94,234,212,.2),transparent 35%);opacity:.85}.ww-join-vrc:hover{transform:translateY(-3px) scale(1.01);border-color:rgba(255,255,255,.62);box-shadow:0 24px 70px rgba(59,130,246,.2),0 0 32px rgba(94,234,212,.18),inset 0 0 0 1px rgba(255,255,255,.16)}.ww-join-vrc:hover::before{transform:translateX(65%) rotate(12deg)}.ww-join-vrc-main{grid-column:1;font-size:clamp(1.8rem,4vw,3.2rem);font-weight:950;line-height:.95;letter-spacing:0}.ww-join-vrc-sub{grid-column:1;color:rgba(255,255,255,.72);font-weight:800}.ww-join-vrc-arrow{grid-column:2;grid-row:1/3;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);font-size:1.7rem;font-weight:900;transition:transform .2s ease,background .2s ease}.ww-join-vrc:hover .ww-join-vrc-arrow{transform:translateX(6px);background:rgba(255,255,255,.2)}
        .ww-group-posters{margin:1rem 0}.ww-group-poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.ww-group-poster{display:block;text-decoration:none}.ww-group-poster img{display:block;width:100%;aspect-ratio:59/100;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.22);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.ww-group-poster:hover img{transform:translateY(-3px);border-color:rgba(94,234,212,.36);box-shadow:0 18px 34px rgba(0,0,0,.22)}
        .ww-vrc-posts{margin-bottom:1rem}.ww-vrc-posts-head{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.ww-vrc-posts-head p{font-size:.85rem;margin:.2rem 0 0}.ww-vrc-post-list{display:grid;gap:.75rem}.ww-vrc-post{display:grid;grid-template-columns:170px minmax(0,1fr);gap:.8rem;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.18);border-radius:8px;overflow:hidden}.ww-vrc-post-image{min-height:130px;background:rgba(255,255,255,.06)}.ww-vrc-post-image img{display:block;width:100%;height:100%;object-fit:cover}.ww-vrc-post-body{padding:.85rem}.ww-vrc-post-body h3{font-size:1.05rem;margin:0;color:#fff}.ww-vrc-post-body small{display:block;margin-top:.25rem;color:rgba(255,255,255,.48)}.ww-vrc-post-body p{margin-top:.65rem;color:rgba(255,255,255,.74);line-height:1.5}@media(max-width:900px){.ww-group-poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:620px){.ww-group-poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ww-vrc-post{grid-template-columns:1fr}.ww-vrc-post-image{height:180px}.ww-vrc-posts-head{display:grid}}