.jugador-contenedor { max-width: 1100px; }
.cuenta { margin-top: 18px; padding: 20px; }
.cuenta p { margin: 6px 0 14px; }
.vincular { margin-top: 4vh; }
.vincular .boton { margin: 8px 0; width: 100%; }
.jugador-contenedor > .texto-secundario { margin-top: 24px; }

#filtrosPersonales { margin-top: 18px; grid-template-columns: repeat(3,minmax(0,1fr)) auto; }
.jugada-previa { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 16 / 9; background: #020610; color: white; text-decoration: none; }
.jugada-previa img, .jugada-previa video { width: 100%; height: 100%; object-fit: contain; display: block; }
@media(max-width:760px) { #filtrosPersonales { grid-template-columns: 1fr; } }

.perfil-cabecera { display:flex; align-items:center; gap:18px; min-width:0; }
.avatar-marco { flex:0 0 88px; width:88px; height:88px; }
.avatar { display:block; width:88px; height:88px; border-radius:50%; object-fit:cover; border:2px solid var(--borde); background:#211335; }
.avatar-inicial { display:flex; align-items:center; justify-content:center; font-size:2rem; font-weight:800; color:#e8c5ff; }
.perfil-identidad { min-width:0; overflow-wrap:anywhere; }
.perfil-identidad strong { font-size:1.15rem; }
.cuenta .perfil-identidad p { margin:6px 0 0; }
.perfil-editor { margin:18px 0; padding-bottom:18px; border-bottom:1px solid var(--borde); }
.perfil-acciones { display:flex; gap:10px; flex-wrap:wrap; }
.cuenta .nota-perfil { font-size:.85rem; margin:12px 0 0; }
#mensajeFoto:empty { display:none; }
.cuenta #mensajeFoto { margin:10px 0 0; }
.vincular .perfil-cabecera { margin:20px 0; text-align:left; }
.vincular .perfil-identidad p { margin-bottom:0; }
@media(max-width:520px) { .perfil-acciones .boton { width:100%; } .avatar-marco { flex-basis:72px; width:72px; height:72px; } .avatar { width:72px; height:72px; } }

.biografia-editor { padding-bottom:20px; margin:0 0 20px; border-bottom:1px solid var(--borde); }
.biografia-editor h2 { font-size:1.15rem; margin-bottom:10px; }
.biografia-editor label { display:block; margin:16px 0 8px; font-weight:650; }
.biografia-editor textarea { width:100%; min-height:112px; resize:vertical; font:inherit; line-height:1.5; padding:12px 14px; color:var(--texto); background:#080e20; border:1px solid var(--borde); border-radius:12px; }
.biografia-editor textarea:focus { outline:2px solid var(--morado-claro); outline-offset:2px; }
.biografia-editor textarea::placeholder { color:#8e9ab6; }
.biografia-texto { white-space:pre-wrap; overflow-wrap:anywhere; }
.biografia-ayuda { display:flex; justify-content:space-between; gap:16px; align-items:baseline; }
.cuenta .biografia-ayuda p { margin:8px 0 16px; font-size:.85rem; }
#contadorBiografia { white-space:nowrap; font-size:.85rem; }
#mensajeBiografia:empty { display:none; }
.cuenta #mensajeBiografia { margin:12px 0 0; }

.privacidad-video { margin-top:16px; padding-top:14px; border-top:1px solid var(--borde); }
.privacidad-video label { display:block; font-size:.85rem; margin-bottom:8px; }
.privacidad-video select { width:100%; min-height:44px; padding:8px 12px; border-radius:10px; color:var(--texto); background:#080e20; border:1px solid var(--borde); }
.privacidad-video p { font-size:.83rem; margin:10px 0 0; }

html { scroll-behavior:smooth; }
.navegacion-jugador { display:flex; gap:12px; flex-wrap:wrap; margin:18px 0; }
.personas-seccion { padding:24px; margin-top:32px; scroll-margin-top:20px; }
.personas-encabezado { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:16px; }
.personas-encabezado h2 { margin:0; }
.personas-buscador label { display:block; font-weight:700; margin-bottom:8px; }
.personas-buscador > div { display:flex; gap:10px; }
.personas-buscador input { flex:1; min-width:0; min-height:48px; padding:12px; border:1px solid var(--borde); border-radius:12px; color:var(--texto); background:#080e20; }
.personas-buscador input:focus { outline:2px solid var(--morado-claro); outline-offset:2px; }
.personas-listas { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:28px; }
.personas-listas details { border:1px solid var(--borde); border-radius:14px; padding:16px; }
.personas-listas summary { font-weight:750; cursor:pointer; padding:4px 0 12px; }
.persona-fila { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; padding:14px 0; border-bottom:1px solid var(--borde); }
.persona-fila:last-child { border-bottom:0; }
.persona-identidad { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
.persona-identidad .boton { max-width:100%; overflow-wrap:anywhere; justify-content:flex-start; text-align:left; }
.persona-estado { font-size:.82rem; color:var(--texto-suave); }
.persona-acciones { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.persona-acciones .boton { min-height:42px; padding:9px 12px; font-size:.84rem; }
.perfil-persona { color:var(--texto); width:min(980px,calc(100% - 24px)); max-height:90vh; padding:24px; overflow:auto; background:var(--tarjeta-solida); }
.perfil-persona::backdrop { background:rgba(0,0,0,.78); }
.perfil-persona .perfil-cabecera { margin:18px 0; align-items:flex-start; }
.perfil-persona .avatar { flex:0 0 88px; }
.perfil-persona #videosPersona { margin-top:20px; }
@media(max-width:650px) { .personas-listas { grid-template-columns:1fr; } .personas-seccion,.perfil-persona { padding:18px; } .personas-encabezado { align-items:flex-start; flex-wrap:wrap; } .personas-buscador > div { flex-direction:column; } }
