.clan-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.clan-tabs [aria-pressed=true]{background:#7553ac;color:#fff;border-color:#a986e6}.clan-section[hidden]{display:none!important}.clan-rank-list{display:flex;flex-direction:column;gap:16px}.clan-rank{position:relative;border:1px solid var(--rank-color);border-left:6px solid var(--rank-color);border-radius:20px;background:linear-gradient(110deg,color-mix(in srgb,var(--rank-color) 24%,#171720),#171720);padding:26px 20px 18px}.clan-rank>header{display:flex;align-items:center;gap:12px}.clan-rank h3,.clan-rank p{margin:4px 0}.clan-rank [data-edit-rank]{position:absolute;left:8px;top:5px;padding:0 5px;min-height:20px;font-size:14px;border:0;background:transparent}.clan-rank-order{display:flex;gap:6px;margin-left:auto}.clan-rank-members{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:15px}.clan-character-list{display:grid;gap:12px}.clan-character-row{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px;border-radius:13px;background:#11131a80}.clan-character-row a{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit;min-width:0}.clan-character-row img{width:36px;height:36px;border-radius:50%;object-fit:cover}.clan-character-row small{display:block;font-size:11px;opacity:.65}.clan-character-row select{max-width:140px;background:#20202b;color:#fff;border:1px solid #7775;border-radius:8px;padding:5px}.clan-mini-logo{width:30px;height:30px;object-fit:contain}.clan-pj-badges{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.clan-pj-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid #8c79b766;border-radius:20px;color:inherit;text-decoration:none;font-size:11px;max-width:100%;overflow-wrap:anywhere}.clan-pj-badge img{width:21px;height:21px;object-fit:contain}.clan-room-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.clan-room-card{background:#181923;border:1px solid #76628e66;border-radius:16px;overflow:hidden;padding:0;text-align:left;color:inherit;cursor:pointer}.clan-room-card img{width:100%;height:125px;object-fit:cover}.clan-room-card strong,.clan-room-card p{display:block;margin:12px}.clan-room-cover{margin-top:20px;border-radius:18px;overflow:hidden;background:#181923;padding-bottom:12px}.clan-room-cover>img{width:100%;max-height:250px;object-fit:cover}.clan-room-cover h3,.clan-room-cover p{padding:0 16px}.clan-message-list{max-height:440px;min-height:100px;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px;overflow-anchor:none}.clan-conversation{border:1px solid #77668b55;border-radius:15px;padding:12px;margin-top:12px}.clan-message{max-width:85%;align-self:flex-start;background:#252332;border-radius:14px;padding:10px 14px;overflow-wrap:anywhere}.clan-message.is-own{align-self:flex-end;background:#44375c}.clan-message p,.clan-prewrap{white-space:pre-wrap;overflow-wrap:anywhere}.clan-message p{margin:5px 0}.clan-message time{font-size:10px;opacity:.65}.clan-error{color:#ffacb5}.clan-mission-list{display:grid;gap:18px}.clan-mission-cover{width:100%;max-height:260px;object-fit:cover;border-radius:14px}.clan-mission .button{margin:4px}.pj-xp-actions{display:flex;gap:10px;flex-wrap:wrap}.pj-xp-add{background:#207c4a!important;color:#fff!important;border-color:#4abd77!important}.pj-xp-subtract{background:#a33240!important;color:#fff!important;border-color:#e46b76!important}.clan-tabs button:focus-visible,.clan-room-card:focus-visible{outline:2px solid #ccafff;outline-offset:3px}@media(max-width:600px){.clan-character-row{flex-wrap:wrap}.clan-rank{padding:26px 12px 12px}.clan-tabs{gap:6px}.clan-tabs .button{font-size:11px;padding:9px}.clan-message{max-width:95%}}
#communityCreatePost{background:#674898;color:#fff;font-weight:700}@media(max-width:720px){.social-nav{flex-wrap:wrap}.social-nav button{flex:1 1 calc(50% - 4px);width:auto}}

/* v8.18 · Salas inmersivas + asignación de rangos por PJ */
.clan-rank-heading-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.clan-rank-character-card{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 13px;border:1px solid rgba(220,203,255,.12);border-radius:15px;background:linear-gradient(135deg,rgba(11,13,23,.82),rgba(30,27,42,.68));color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.clan-rank-character-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--rank-color) 55%,#ffffff 15%);background:linear-gradient(135deg,rgba(18,19,31,.96),color-mix(in srgb,var(--rank-color) 16%,#211e2c))}
.clan-pj-portrait,.clan-assign-portrait{position:relative;display:block;flex:0 0 auto;overflow:hidden;width:52px;height:52px;border:2px solid rgba(222,207,255,.28);border-radius:14px;background:#0d0f18;box-shadow:0 7px 18px rgba(0,0,0,.2)}
.clan-pj-portrait img,.clan-assign-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% var(--portrait-focus,12%)}
.clan-pj-portrait.is-equipment img,.clan-assign-portrait.is-equipment img{object-fit:cover}
.clan-pj-portrait.is-fallback img{object-fit:contain;padding:8px}
.clan-rank-character-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.clan-rank-character-copy strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clan-rank-character-copy small{opacity:.65;font-size:11px}
.clan-combat-role{display:inline-flex;align-items:center;gap:5px;margin-top:4px;padding:3px 7px;border:1px solid rgba(192,173,230,.2);border-radius:999px;background:rgba(14,15,25,.55);font-size:9px;font-weight:900;letter-spacing:.08em;line-height:1;color:#ded5ec}
.clan-combat-role img{width:15px!important;height:15px!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important}
.clan-combat-role.is-empty{opacity:.5}

.clan-assign-modal{max-width:760px}
.clan-assign-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:330px;overflow:auto;padding:3px}
.clan-assign-pj{display:flex;align-items:center;gap:11px;min-width:0;padding:10px;border:1px solid rgba(216,195,255,.14);border-radius:15px;background:#141621;color:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,transform .16s ease,background .16s ease}
.clan-assign-pj:hover{transform:translateY(-1px);border-color:rgba(190,155,255,.55)}
.clan-assign-pj.is-selected{border-color:#b992ff;background:linear-gradient(135deg,#252039,#171925);box-shadow:0 0 0 1px rgba(185,146,255,.18)}
.clan-assign-pj>span:last-child{display:flex;min-width:0;flex-direction:column;align-items:flex-start}
.clan-assign-pj strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clan-assign-pj small{font-size:11px;opacity:.62}
.clan-assign-portrait{width:48px;height:48px;border-radius:50%}
.clan-assign-empty{grid-column:1/-1;padding:18px;text-align:center}
.clan-rank-picker{margin-top:4px}
.clan-assign-current{margin:0}

.clan-room-intro{margin-top:-3px;color:#aaa3b7}
.clan-room-list{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:18px}
.clan-room-card{display:block;position:relative;overflow:hidden;border:1px solid rgba(179,148,219,.24);border-radius:20px;background:linear-gradient(160deg,#191a25,#11131b);box-shadow:0 15px 35px rgba(0,0,0,.18);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.clan-room-card:hover{transform:translateY(-4px);border-color:rgba(198,161,255,.52);box-shadow:0 20px 40px rgba(0,0,0,.26)}
.clan-room-card-image{position:relative;display:block;height:155px;overflow:hidden}
.clan-room-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.clan-room-card:hover .clan-room-card-image img{transform:scale(1.045)}
.clan-room-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(7,8,13,.88) 100%)}
.clan-room-enter{position:absolute;z-index:1;right:12px;bottom:10px;padding:5px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(12,11,20,.72);font-size:10px;font-weight:900;letter-spacing:.04em;color:#efe5ff;backdrop-filter:blur(8px)}
.clan-room-card-copy{display:block;padding:15px 16px 17px}
.clan-room-card-copy strong{display:block;margin:0 0 6px;font-size:16px}
.clan-room-card-copy p{display:-webkit-box;overflow:hidden;margin:0;color:#aca6b6;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}

.clan-room-view{position:relative;display:grid;grid-template-columns:minmax(245px,31%) minmax(0,1fr);gap:18px;align-items:stretch;min-height:640px}
.clan-room-back{position:absolute;z-index:5;left:14px;top:14px;background:rgba(10,11,18,.78)!important;backdrop-filter:blur(9px);border-color:rgba(255,255,255,.2)!important}
.clan-room-stage{min-width:0}
.clan-room-stage-media{position:sticky;top:90px;height:640px;overflow:hidden;border:1px solid rgba(202,174,240,.2);border-radius:22px;background:#10121a;box-shadow:0 22px 55px rgba(0,0,0,.3)}
.clan-room-stage-media>img{width:100%;height:100%;object-fit:cover}
.clan-room-stage-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,10,.08),rgba(8,9,15,.18) 38%,rgba(9,10,17,.94) 88%)}
.clan-room-stage-copy{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:28px 24px}
.clan-room-stage-copy h2{margin:5px 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1}
.clan-room-stage-copy p{margin:0;color:#d5cedd;line-height:1.55}
.clan-room-chat{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid rgba(206,184,238,.16);border-radius:22px;background:linear-gradient(160deg,rgba(20,21,31,.98),rgba(12,14,22,.98));box-shadow:0 22px 55px rgba(0,0,0,.24)}
.clan-room-chat>header{padding:20px 22px 15px;border-bottom:1px solid rgba(214,190,255,.1);background:rgba(19,19,30,.88)}
.clan-room-chat>header h3{margin:4px 0;font-size:22px}
.clan-room-chat>header p{margin:0;color:#8f8a99;font-size:12px}
.clan-room-chat-body{display:flex;min-height:0;flex:1}
.clan-room-chat-body .clan-conversation{display:flex;min-width:0;min-height:0;flex:1;flex-direction:column;margin:0;border:0;border-radius:0;padding:0;background:transparent}
.clan-room-chat-body [data-older]{align-self:center;margin:11px 0 0}
.clan-message-list{flex:1;max-height:none;min-height:380px;overflow-y:auto;padding:14px 18px 16px;gap:2px}
.clan-message{display:flex;align-items:flex-start;gap:11px;width:100%;max-width:none;padding:10px 9px;border-radius:10px;background:transparent;overflow:visible;transition:background .15s ease}
.clan-message:hover{background:rgba(255,255,255,.025)}
.clan-message.is-own{align-self:stretch;background:rgba(104,77,145,.08)}
.clan-message-avatar{position:relative;display:block;flex:0 0 42px;width:42px;height:42px;overflow:hidden;border:1px solid rgba(220,200,255,.2);border-radius:50%;background:#0b0d14}
.clan-message-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% var(--portrait-focus,12%)}
.clan-message-avatar.is-fallback img{object-fit:contain;padding:7px}
.clan-message-main{min-width:0;flex:1}
.clan-message-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-height:20px}
.clan-message-meta strong{font-size:13px;color:#f4effb}
.clan-message-meta>span:not(.clan-combat-role){font-size:9px;font-weight:800;letter-spacing:.05em;color:#8d8797;text-transform:uppercase}
.clan-message-meta .clan-combat-role{margin:0;padding:2px 5px;font-size:8px}
.clan-message-meta .clan-combat-role img{width:12px!important;height:12px!important}
.clan-message-meta time{margin-left:auto;font-size:9px;color:#77727f;opacity:1}
.clan-message p{margin:3px 0 0;color:#dad6df;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.clan-chat-form{display:grid;grid-template-columns:minmax(145px,190px) minmax(0,1fr) auto;gap:9px;align-items:end;margin:0;padding:14px 16px 16px;border-top:1px solid rgba(213,187,255,.1);background:rgba(9,10,17,.72)}
.clan-chat-form .field{margin:0}
.clan-chat-form .field span{font-size:9px}
.clan-chat-form textarea{min-height:46px;max-height:120px;resize:vertical}
.clan-chat-empty{display:grid;place-items:center;align-content:center;min-height:260px;color:#8e8798;text-align:center}
.clan-chat-empty>span{font-size:28px;color:#b997ed}
.clan-chat-empty strong{margin-top:7px;color:#dcd4e7}
.clan-chat-empty p{margin:3px 0 0;font-size:12px}

@media(max-width:900px){
 .clan-room-view{grid-template-columns:1fr;min-height:0}
 .clan-room-stage-media{position:relative;top:auto;height:330px}
 .clan-room-chat{min-height:620px}
 .clan-room-back{top:12px}
}
@media(max-width:650px){
 .clan-rank-heading-actions{width:100%;justify-content:flex-start}
 .clan-assign-list{grid-template-columns:1fr}
 .clan-room-list{grid-template-columns:1fr}
 .clan-room-view{gap:12px}
 .clan-room-stage-media{height:280px;border-radius:17px}
 .clan-room-stage-copy{padding:22px 17px}
 .clan-room-chat{min-height:590px;border-radius:17px}
 .clan-room-chat>header{padding:17px 15px 13px}
 .clan-message-list{padding:10px 9px 12px}
 .clan-message{gap:9px;padding:9px 7px}
 .clan-message-avatar{flex-basis:36px;width:36px;height:36px}
 .clan-message-meta time{width:100%;margin-left:0}
 .clan-chat-form{grid-template-columns:1fr;padding:11px}
 .clan-chat-form .button{width:100%}
}

/* v8.21: pestañas junto al encabezado y sala a pantalla ancha */
.clan-identity{padding-bottom:12px!important;border-bottom:0!important}
.clan-identity + .clan-tabs{margin:0 0 18px!important;padding:10px 0 16px;border-bottom:1px solid rgba(215,197,243,.23)}
.clan-tabs .button{white-space:nowrap}
.clan-shell:has(.clan-room-view){width:min(1660px,calc(100% - 36px))}
.clan-room-view{grid-template-columns:minmax(310px,40%) minmax(0,1fr);gap:22px;min-height:min(82vh,850px)}
.clan-room-stage,.clan-room-chat{min-height:690px}
.clan-room-stage-media{height:min(82vh,850px);min-height:690px}
.clan-room-chat{height:min(82vh,850px);min-height:690px}
.clan-room-chat-body{min-height:0;overflow:hidden}
.clan-message-list{min-height:0;gap:12px;padding:22px 24px}
.clan-room-chat .clan-message{width:fit-content;max-width:min(78%,680px);align-self:flex-start;flex:0 0 auto;border:1px solid rgba(209,187,245,.13);border-radius:16px 16px 16px 5px;background:#22202e;padding:12px 14px;gap:12px;box-shadow:0 4px 14px #0002}
.clan-room-chat .clan-message.is-own{align-self:flex-end;flex-direction:row-reverse;border-radius:16px 16px 5px 16px;border-color:rgba(180,145,243,.24);background:#3a2c52}
.clan-room-chat .clan-message.is-own .clan-message-meta{justify-content:flex-end}
.clan-room-chat .clan-message.is-own .clan-message-meta time{margin-left:0}
.clan-room-chat .clan-message:hover{background:#333044}
.clan-room-chat .clan-message.is-own:hover{background:#4b3766}
.clan-room-chat .clan-message-avatar{flex-basis:44px;width:44px;height:44px}
.clan-chat-form{flex:0 0 auto}
.clan-section[data-clan-panel="groups"] .groups-page{max-width:none;padding:8px 0 50px}
@media(max-width:900px){.clan-room-view{grid-template-columns:1fr;min-height:0}.clan-room-stage{min-height:0}.clan-room-stage-media{height:330px;min-height:0}.clan-room-chat{height:650px;min-height:590px}}
@media(max-width:600px){.clan-shell:has(.clan-room-view){width:calc(100% - 20px)}.clan-room-chat .clan-message{max-width:94%;padding:10px}.clan-message-list{padding:12px 9px}.clan-room-chat{height:600px}.clan-room-stage-media{height:270px}}

/* v8.22 · Fichas de participantes en misiones del clan */
.clan-mission-participants{margin:18px 0}
.clan-mission-participants h4{margin:0 0 10px}
.clan-mission-slots{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));max-height:360px}
.clan-mission-participant{padding:10px;gap:12px}
.clan-mission-participant .mission-avatar{width:56px;height:56px}
.clan-mission-participant-info{overflow-wrap:anywhere}
.clan-mission-participant .clan-combat-role{margin-top:6px}
.clan-mission-participant:hover{border-color:#a986e6}
.clan-mission-participant:focus-visible{outline:2px solid #ccafff;outline-offset:2px}

/* Cada clan y su rango permanecen agrupados en la ficha del PJ. */
.clan-pj-badges{flex-direction:column;align-items:flex-start;gap:8px}
.clan-pj-membership{display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:100%}