.groups-page{max-width:1420px;margin:0 auto;padding:30px 24px 80px}.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;margin-top:26px}.group-card{display:block;border:1px solid #393345;border-radius:18px;overflow:hidden;background:#191721;color:#fff;text-decoration:none;transition:transform .2s}.group-card:hover{transform:translateY(-4px);border-color:#b49766}.group-card>img{width:100%;height:210px;object-fit:cover}.group-card>div{padding:22px}.group-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#cbc4d5}.group-hero{margin:22px 0 28px;min-height:300px;border-radius:22px;overflow:hidden;position:relative;background:#14131b}.group-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.group-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111019 0%,#11101922 100%)}.group-hero>div{position:relative;z-index:1;padding:100px 35px 30px}.group-hero h1{color:white;font-size:clamp(30px,4vw,56px);margin:8px 0 18px}.group-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:28px}.group-sidebar{align-self:start;background:#191721;border:1px solid #37313e;padding:18px;border-radius:18px}.group-sidebar h2{font-size:17px;letter-spacing:2px;margin-bottom:22px}.group-member{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #ffffff12;text-decoration:none;color:white}.group-member>span{display:grid;gap:5px;min-width:0}.group-member strong{overflow-wrap:anywhere}.group-member small{font-size:12px;color:#c1b8cb}.group-portrait{width:58px;height:70px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#24212c}.group-content{min-width:0}.group-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.group-tabs [aria-pressed=true]{background:#695335;border-color:#b99a64;color:#fff}.group-info,.contact-category{padding:24px;border:1px solid #37313e;border-radius:16px;margin-bottom:20px;background:#191721}.group-info>p{line-height:1.8}.group-request{padding:12px;border-top:1px solid #ffffff18}.group-request .button{margin-right:8px}.group-picker{max-height:340px;overflow:auto;display:grid;gap:8px}.group-pick{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #4a4254;border-radius:12px;cursor:pointer}.group-pick:has(input:checked){background:#4b3a29;border-color:#b49766}.group-pick input{width:20px!important;height:20px;flex-shrink:0}.group-pick span{display:grid}.group-pick[hidden],.group-card[hidden]{display:none}.group-album{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.group-album figure{margin:0;padding:12px;background:#eee7dc;color:#29242b;border-radius:6px;box-shadow:0 8px 20px #0004}.group-photo-open{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.group-photo-open img{width:100%;height:240px;object-fit:cover}.group-album figcaption{padding:12px 3px;white-space:pre-wrap;overflow-wrap:anywhere}.group-album .button{background:#302b37;color:white}.group-quest{display:flex;text-align:left;width:100%;gap:20px;padding:22px;margin-bottom:14px;border:1px solid #48404e;border-radius:14px;background:#191721;cursor:pointer}.group-quest>img{width:24px;height:72px;object-fit:contain;flex-shrink:0}.group-quest>span{display:grid;gap:10px;white-space:pre-wrap;overflow-wrap:anywhere}.group-quest strong{font-size:20px}.group-quest.status-pending,.group-quest.status-pending *{color:#fff}.group-quest.status-completed,.group-quest.status-completed *{color:#66e78a}.group-quest.status-failed,.group-quest.status-failed *{color:#ff7777}.group-timeline{border-left:2px solid #b49766;margin:20px 0 0 15px;padding-left:28px}.group-timeline article{position:relative;border:1px solid #403747;border-radius:14px;background:#191721;padding:22px;margin-bottom:25px}.group-timeline article:before{content:'';position:absolute;width:13px;height:13px;left:-36px;top:27px;background:#d8b272;border:3px solid #16131c;border-radius:50%}.group-timeline time{font-size:12px;color:#c8b18a}.group-timeline img{display:block;width:100%;max-height:440px;object-fit:contain;margin:15px 0;border-radius:8px}.group-contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:20px}.group-contact{display:flex;align-items:start;gap:14px;padding:16px;border:1px solid #504458;border-radius:16px;background:#221e2b}.group-contact>img{width:70px;height:85px;object-fit:cover;border-radius:12px}.group-contact>div{min-width:0}.group-contact h4{margin:0 0 10px;font-size:18px}.group-contact p{overflow-wrap:anywhere;font-size:14px}.group-empty{padding:35px;color:#bdb4c9;text-align:center}.room-unread-dot{display:inline-block;width:10px;height:10px;background:#ff384d;border-radius:50%;margin-left:9px;box-shadow:0 0 0 3px #ff384d20;flex-shrink:0}.clan-room-card{position:relative}.clan-room-card>.room-unread-dot{position:absolute;top:14px;right:14px}.clan-assign-pj input[type=checkbox]{width:20px;min-width:20px}.group-content .profile-section-heading{gap:12px;flex-wrap:wrap}.group-content .profile-section-heading .button{margin:3px}@media(max-width:760px){.groups-page{padding:20px 12px}.group-layout{grid-template-columns:1fr}.group-sidebar{max-height:320px;overflow:auto}.group-hero>div{padding:95px 20px 24px}.group-hero{min-height:240px}.group-tabs .button{font-size:12px}.group-info,.contact-category{padding:16px}}